.elementor-208 .elementor-element.elementor-element-a3e3dfa{--display:flex;}.elementor-208 .elementor-element.elementor-element-888dbc4{--spacer-size:10px;}/* Start custom CSS for shortcode, class: .elementor-element-a8a8450 *//*────────── 1. WRAPPER (centraliza o bloco) ──────────*/
.wc-proceed-to-checkout,
.elementor .wc-proceed-to-checkout{
    display:flex;
    justify-content:center;
    padding:0 1rem;       /* folga lateral em telas estreitas */
    margin-top:1.4rem;
    box-sizing:border-box;
}

/*────────── 2. BOTÃO FULL-WIDTH + TEXTO CENTRAL ──────────*/
a.checkout-button.button.alt.wc-forward{
    /* Paleta Fastique */
    --bg:   #83e117;      /* verde principal          */
    --bg-h: #5c8436;      /* verde escuro no hover    */
    --txt: #ffffff;       /* texto sempre branco      */

    position:relative;
    display:block;        /* ocupa linha inteira       */
    width:100%;           /* 100 % do wrapper          */
    text-align:center;    /* texto centralizado        */
    padding:.9rem 3.6rem .9rem 1.6rem; /* + padding-right p/ seta */
    font:600 clamp(.9rem,3vw,1rem)/1 "Inter",sans-serif;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--txt)!important;
    background:var(--bg);
    border:none;
    border-radius:6px;
    box-shadow:0 2px 4px rgba(0,0,0,.14);
    white-space:normal;   /* texto quebra se precisar */
    transition:background .25s ease, box-shadow .25s ease;
}

/*────────── 3. SETA MAIOR – absoluta, nunca sobrepõe o texto ──────────*/
a.checkout-button.button.alt.wc-forward::after{
    content:"➜";             /* seta geométrica grande */
    position:absolute;
    top:50%;
    right:1.6rem;
    transform:translateY(-50%) translateX(0);
    font-size:1.4em;
    line-height:1;
    transition:transform .25s ease;
}

/*────────── 4. HOVER / FOCUS ──────────*/
a.checkout-button.button.alt.wc-forward:hover,
a.checkout-button.button.alt.wc-forward:focus{
    background:var(--bg-h);
    box-shadow:0 4px 8px rgba(0,0,0,.18);
}

a.checkout-button.button.alt.wc-forward:hover::after,
a.checkout-button.button.alt.wc-forward:focus::after{
    transform:translateY(-50%) translateX(12px); /* corre 12 px p/ direita */
}

/*────────── 5. ACTIVE (clicado) ──────────*/
a.checkout-button.button.alt.wc-forward:active{
    box-shadow:0 2px 4px rgba(0,0,0,.14);
}

/*────────── 6. RESPONSIVIDADE ≤ 360 px ──────────*/
@media(max-width:360px){
    a.checkout-button.button.alt.wc-forward{
        padding:.8rem 2.8rem .8rem 1.2rem; /* mantém espaço p/ seta */
        font-size:.85rem;
    }
    a.checkout-button.button.alt.wc-forward::after{
        right:1.2rem;
        font-size:1.25em;
    }
}/* End custom CSS */