#cookie-modal {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;

    position: fixed;
    z-index: 400;
    bottom: 0;

    width: 100%;
    padding: 10px;
    background: var(--accent, #1E40AF);
    color: #cad6e1;

    .cookie__button {
        color: var(--accent, #1E40AF);
        background: white;
        padding: 7px 20px;
        border-radius: 30px;
        width: 100%;
    }

    .cookie__button:hover {
        color: white;
        background-color: color-mix(in srgb, var(--accent, #1E40AF) 85%, black);
        transition: all .2s ease;
    }

    .cookie__link {
        color: #cad6e1;
    }
}

#cookie-modal.show {
    display: flex;
}

@media (min-width: 560px) {
    #cookie-modal {
        flex-direction: row;
        .cookie__button {
            width: auto;
        }
    }
}