/* ============================================================
   ANNY — CARRITO
   Botón / acceso al carrito
   ============================================================ */


/* ============================================================
   BOTÓN
   ============================================================ */

.anny-cart-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 10px 18px;

    border: 1px solid var(--e-global-color-primary);
    border-radius: 0;

    background: var(--e-global-color-primary);

    color: var(--e-global-color-b389dde) !important;

    font-family:
        var(--e-global-typography-text-font-family),
        sans-serif;

    font-size: 11px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .08em;

    text-transform: uppercase;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;
}


/* ============================================================
   HOVER
   ============================================================ */

.anny-cart-button:hover {
    background: var(--e-global-color-secondary);

    border-color: var(--e-global-color-secondary);

    color: var(--e-global-color-b389dde) !important;

    transform: translateY(-1px);
}


/* ============================================================
   ACTIVE
   ============================================================ */

.anny-cart-button:active {
    transform: translateY(0);
}


/* ============================================================
   FOCUS
   ============================================================ */

.anny-cart-button:focus-visible {
    outline: 2px solid var(--e-global-color-accent);

    outline-offset: 3px;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .anny-cart-button:hover {
        transform: none;
    }

}