diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index 56dc71d..583b9b6 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -82,6 +82,53 @@ body.rwavw-custom { margin-bottom: 44px; opacity: 0.6; + a { + display: inline-block; + color: rgb(0, 10, 56); + font-size: 18px; + font-weight: 600; + background-color: rgba(0, 10, 56, 0.05); + padding: 0 22px; + border-radius: 22px; + line-height: 42px; + height: 44px; + + box-shadow: 4px 4px 6px rgba(0, 10, 56, 0.25), -4px -4px 6px rgba(#fff, 0.5); + + svg { + position: relative; + height: 28px; + top: 8px; + margin-left: 4px; + } + } + } + + .swiper-container { + border-radius: 6px; + box-shadow: 4px 4px 6px 0 rgba(0, 10, 56, 0.2); + } + + .swiper-wrapper { + position: relative; + border-radius: 6px; + overflow: hidden; + + &::after { + content: ''; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; + + background-color: rgba(0, 10, 56, 0.3); + box-shadow: 0 0 66px 0 rgba(0, 10, 56, 0.6) inset; + + opacity: 0.6; + } } } @@ -102,7 +149,7 @@ body.rwavw-custom { } .widget.rwavw-feature-limits { - h2, h3, h4, h5, h6 { +k h2, h3, h4, h5, h6 { margin-top: 44px; @media (min-width: 64em) {