diff --git a/_includes/cookie-consent.html b/_includes/cookie-consent.html index 7f7f1f91f9..ba4273a0dd 100644 --- a/_includes/cookie-consent.html +++ b/_includes/cookie-consent.html @@ -13,41 +13,46 @@ color: rgba(255, 255, 255, 1); } - #cookie-notice-text { + .buttons-block { display: flex; - flex-direction: column; - justify-content: center; - width: 65%; + gap: 16px; } - #cookie-notice-close { - position: absolute; - top: 1.5rem; - right: 1.5rem; - color: #fff; + .buttons-block button { + font-size: 16px; + font-weight: 500; + line-height: 28px; + border-radius: 4px; + height: 40px; + width: 140px; + color: #FFF; } - #cookie-notice-close i { - font-size: 20px; + .buttons-block button:hover { + opacity: 0.8; } - #cookie-notice-text span { - font-size: 14px; + .buttons-block button#cookie-notice-accept { + background: #2A7DEC; } - #cookie-notice-text label { - font-size: 20px; + .buttons-block button#cookie-notice-close { + background: rgba(255, 255, 255, 0.05); } - #cookie-notice #cookie-notice-accept { + #cookie-notice-text { display: flex; - text-align: center; + flex-direction: column; justify-content: center; - cursor: pointer; - margin-left: 3.5rem; - height: 40px; - font-size: 18px; - width: 140px; + width: 65%; + } + + #cookie-notice-text span { + font-size: 14px; + } + + #cookie-notice-text label { + font-size: 20px; } @media (max-width: 767px) { @@ -58,12 +63,7 @@ #cookie-notice-text { width: 100%; - } - - #cookie-notice #cookie-notice-accept { - margin-top: 1.3rem; - margin-left: 0; - width: 100%; + margin-bottom: 40px; } } @@ -74,10 +74,10 @@ href="/cookie-policy/" target="_blank">cookie policy. - - +
- +