src/wolnelektury/static/2022/styles/components/_support.scss

   1 .c-support {
   2   display: flex;
   3   margin-top: 50px;
   4   background: #96C13D;
   5   border-radius: 15px;
   6   overflow: hidden;
   7   justify-content: center;
   8   align-items: center;
   9
  10   h2 {
  11     margin: 0 auto;
  12     font-style: italic;
  13     font-weight: 400;
  14     font-size: 34px;
  15     line-height: 47px;
  16     letter-spacing: -0.02em;
  17     color: #ffffff;
  18     span {
  19       color: #007880;
  20     }
  21   }
  22
  23   figure {
  24     margin: 0;
  25     font-size: 0;
  26     position: relative;
  27   }
  28
  29   a {
  30     width: 100%;
  31     margin: 40px auto 0;
  32     font-weight: 600;
  33     font-size: 22px;
  34     line-height: 28px;
  35     color: #ffffff;
  36     display: flex;
  37     align-items: center;
  38     justify-content: center;
  39     text-align: center;
  40     padding: 12px 22px 14px 28px;
  41     background: #007880;
  42     border-radius: 5px;
  43     transition: all $ease-dynamic 350ms;
  44
  45     &:hover {
  46       background: $color-yellow;
  47     }
  48   }
  49 }
  50
  51 .c-support__content {
  52   padding: 16px 32px 30px 32px;
  53 }