diff --git a/_includes/cookie-consent.html b/_includes/cookie-consent.html index 16a7a68..ad5c10c 100644 --- a/_includes/cookie-consent.html +++ b/_includes/cookie-consent.html @@ -2,12 +2,18 @@ diff --git a/_sass/_cookies.scss b/_sass/_cookies.scss index 87a9ef2..cb0254b 100644 --- a/_sass/_cookies.scss +++ b/_sass/_cookies.scss @@ -28,9 +28,10 @@ text-align: center; margin: 40px 40px 20px 40px; } - .yes { - margin: 20px 40px 40px 40px; + .yes, .no { + margin: 20px 40px 0px 40px; } + } button { border: none; @@ -39,25 +40,22 @@ } } -.yes { - flex: 0 0 250px; +.yes, .no { + flex: 0 0 100px; -moz-transition: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; text-align: center; - background-position-x: 0%; - background-position-y: 0%; - background-repeat: repeat; - background-attachment: scroll; - background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt)); - background-origin: padding-box; - background-clip: border-box; - background-size: 400% 400%; - -webkit-animation: backgroundBlink 2s ease infinite; - -moz-animation: backgroundBlink 2s ease infinite; - animation: backgroundBlink 2s ease infinite; - margin: 40px 40px 40px 20px; + margin: 40px 40px 40px 10px; +} +.yes { + background-image: unset; + background-color: var(--accent1) !important; +} +.no { + background-image: unset; + background-color: #f00 !important; } .yes:hover { // color: #000 !important;