.cookies-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.cookies-buttons button {
    width: 20%;
    aspect-ratio: 3 / 1;
    border-radius: 2.5vh;
    background-color: var(--yellow);
    color: var(--blue-bg);
    cursor: pointer;
    border: none;
}

.cookies-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1vw;
    margin-top: 2vh;
}

@media (max-width: 1024px) or (max-aspect-ratio: 7/5) {
    
}




.switch {
    position: relative;
    width: clamp(20px, 5vw, 30px);
    aspect-ratio: 2 / 1;
    background-color: #fbbfa7;
    border: 0.25em solid #205cdd;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.switch::before {
    content: "";
    position: absolute;
    top: 10%;
    left: 10%;
    width: 35%;
    height: 80%;
    background-color: #d65f5f;
    border-radius: 50%;
    transition: transform 0.3s;
}

.switch.active {
    background-color: #a1f0b9;
}

.switch.active::before {
    transform: translateX(140%);
    background-color: #3fbf74;
}


.cookie-toast{
    position: fixed;
    right: 16px;
    bottom: 16px;
    max-width: 480px;
    padding: 12px 14px;
    background: #0b3d91;           /* tmavě modrá */
    color: #fff;                    /* bílý text  */
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    font: 500 15px/1.4 system-ui, sans-serif;

    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;           /* ať nepřekáží */
    transition: opacity .2s ease, transform .2s ease;
  }
  .cookie-toast.show{
    opacity: 1;
    transform: translateY(0);
  }