.catalog-banner {
   height: 100%;

   > a {
      @include underline-never;

      display: flex;
      align-items: flex-end;
      height: 100%;
      background: no-repeat center / cover;
   }
}

.catalog-banner-content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 35px 10px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   text-align: center;

   p {
      line-height: $line-height-md;
      margin: 0;
      color: $white;
   }

   .title {
      font-weight: $font-weight-bold;
      font-size: $font-size-h2;
   }

   .descr {
      font-weight: $font-weight-medium;
      font-size: 21px;
   }

   .btn-link {
      color: $white;
   }

   &-black {
      p,
      .btn-link {
         color: $text-dark;
      }
   }

   @media screen and (max-width: $sm - 1) {
      padding: 20px 5px;

      .title {
         font-size: $font-size-larger;
      }

      .descr {
         font-size: $font-size-base;
      }
   }
}

