/* ===================================================== */
/* ACCESSIBILITY BUTTONS */
/* ===================================================== */

.accessibility-btn {

    position: relative;

    border: none;

    cursor: pointer;

    min-width: 200px;
    height: 64px;

    border-radius: 22px;

    padding:
        0 1.5rem;

    font-size: 1rem;
    font-weight: 800;

    background:
        rgba(255,255,255,0.92);

    color: var(--color-primary-dark);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.15);

}

.accessibility-btn:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 16px 30px rgba(0,0,0,0.18);

}

.accessibility-btn:active {

    transform:
        translateY(-2px);

}

.accessibility-btn:focus {

    outline:
        4px solid rgba(255,255,255,0.6);

    outline-offset: 4px;

}