X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/eb2eb95bfbfe8c777c4192ea434a0e999edf3a51..40ea08ada00c0ad2e2b08718a27b7d046ae4035b:/src/wolnelektury/static/2022/styles/components/_support.scss diff --git a/src/wolnelektury/static/2022/styles/components/_support.scss b/src/wolnelektury/static/2022/styles/components/_support.scss index 4f0ce2b15..cde1ba85e 100644 --- a/src/wolnelektury/static/2022/styles/components/_support.scss +++ b/src/wolnelektury/static/2022/styles/components/_support.scss @@ -1,22 +1,23 @@ .c-support { display: flex; margin-top: 50px; - background: #FFF1BF url(../images/bg.png) top center no-repeat; + background: #96C13D; border-radius: 15px; overflow: hidden; justify-content: center; align-items: center; h2 { - padding-left: 44px; - padding-right: 20px; margin: 0 auto; font-style: italic; - font-weight: 300; - font-size: 48px; - line-height: 72px; + font-weight: 400; + font-size: 34px; + line-height: 47px; letter-spacing: -0.02em; - color: #333333; + color: #ffffff; + span { + color: #007880; + } } figure { @@ -26,23 +27,18 @@ } a { - bottom: 34px; - left: 0; right: 0; width: 100%; - margin: 0 auto; - max-width: 343px; - position: absolute; + margin: 40px auto 0; font-weight: 600; font-size: 22px; line-height: 28px; - color: #333333; + color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 12px 22px 14px 28px; - background: #FFF1BF; - box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + background: #007880; border-radius: 5px; transition: all $ease-dynamic 350ms; @@ -51,3 +47,7 @@ } } } + +.c-support__content { + padding: 16px 32px 30px 32px; +}