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

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