teaser-monolithic.scss

.teaser {
  &__base {
    display: inline-block;
    padding: 30px 0;
    border: 1px solid grey;
  }
  
  &__outerWrapper {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
  }
  
  &__wrapper {
    padding: 0 15px;
  }
  
  &__hl {
    padding: 10px 0;
    font: normal bold 25px sans-serif;
  }
  
  &__button {
    font: normal 18px sans-serif;
    margin-top: 10px;
    min-width: 130px;
    cursor: pointer;
    height: 30px;
    border: 2px solid red;
    background-color: red;
    color: white;
    
    &:hover,
    &:focus {
      border: 1px solid red;
      color: red;
      background-color: white;
    }
  }
  
  &__img {
    width: 100%;
    height: auto;
  }
}