body{margin:0;padding:0;font-family:"Merriweather", sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
:root {
  --tone-soft: #0a1a2f;
  --paint-muted: #24405e;
  --speed-fast: ease-in-out;
  --tone-extra-7: #dbe7f3;
}

.cookies {
        position: fixed;
        left: 2.35rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1200
    }
.cookies .text-benefit {
        width: min(22rem, calc(100vw - 2.35rem * 2));
        display: flex;
        flex-direction: column;
        gap: calc(1.5rem * .75);
        padding: 1.5rem;
        border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
        background: #f5f5f5;
        color: #0a0f1a;
        box-shadow: 0 18px 38px rgba(0,0,0,0.15)
    }
.cookies strong {
        font-size: calc(19.1px * 1.35);
        line-height: 1.12
    }
.cookies p {
        margin: 0 0 calc(1.5rem * .75);
        color: #2a3040;
        line-height: 1.72
    }
.cookies button {
        border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
        border-radius: 0.24rem;
        background: #fff;
        color: #0a0f1a;
        font: inherit;
        padding: calc(1.5rem * .75);
        cursor: pointer;
        text-align: left
    }
.cookies button.cookie-accept {
        background: #2ea8e0;
        color: #0a1a2f;
        border-color: #2ea8e0
    }
@media (max-width: 620px) {
        .cookies {
            top: auto;
            right: 2.35rem;
            bottom: 1.5rem;
            transform: none
        }

        .cookies .text-benefit {
            width: auto
        }
    }