/* =========================
   Pulsanti standard
========================= */

/* Regole comuni a tutti i pulsanti */
.wp-block-button.is-style-red-button,
.wp-block-button.is-style-blue-button,
.wp-block-button.is-style-grey-button {
    border-radius: .33rem;
    height: 200px;
    width: 100%;
    display: flex; 
    align-items: center; 
    justify-content: center;
}

/* Varianti colore di base */
.is-style-red-button { background-color: var(--wp--preset--color--rosso-logo); }
.is-style-blue-button { background-color: var(--wp--preset--color--blu-logo); }
.is-style-grey-button { background-color: var(--wp--preset--color--grigio-logo); }

/* Link all'interno dei pulsanti */
.is-style-red-button > .wp-block-button__link,
.is-style-blue-button > .wp-block-button__link,
.is-style-grey-button > .wp-block-button__link {
    background-color: var(--wp--preset--color--transparent, transparent);
    color: var(--wp--preset--color--bianco);
    height: 100%;
    width: 100%;
    display: flex; 
    align-items: center; 
    justify-content: center;
}

/* Hover */
.is-style-red-button:hover { border: 2px solid var(--wp--preset--color--rosso-logo); background-color: var(--wp--preset--color--transparent, transparent);}
.is-style-blue-button:hover { border: 2px solid var(--wp--preset--color--blu-logo); background-color: var(--wp--preset--color--transparent, transparent);}
.is-style-grey-button:hover { border: 2px solid var(--wp--preset--color--grigio-logo); background-color: var(--wp--preset--color--transparent, transparent);}

/* Hover link */
.is-style-red-button:hover > .wp-block-button__link,
.is-style-blue-button:hover > .wp-block-button__link,
.is-style-grey-button:hover > .wp-block-button__link {
    color: var(--wp--preset--color--nero);
}

/* Active */
.is-style-red-button:active,
.is-style-blue-button:active,
.is-style-grey-button:active {
    border: 2px solid var(--wp--preset--color--nero);
    background-color: var(--wp--preset--color--transparent, transparent);
}

/* Active link */
.is-style-red-button:active > .wp-block-button__link,
.is-style-blue-button:active > .wp-block-button__link,
.is-style-grey-button:active > .wp-block-button__link {
    color: var(--wp--preset--color--nero);
}

/* =========================
   Button style: try2 (per cover/card)
   - pensato per stare dentro un wp:cover
========================= */

/* il wrapper del block button */
.wp-block-button.is-style-try2-button{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

/* il link: cliccabile su tutta l'area del cover */
.wp-block-button.is-style-try2-button > .wp-block-button__link{
    width: 100%;
    height: 100%;
    min-height: inherit;              /* prende l'altezza dal cover */
    background: transparent;
    border: 0;
    border-radius: 0;

    display: flex;
    align-items: flex-end;
    justify-content: flex-start;

    padding: 1rem;                    /* distanza dal bordo */
    color: var(--wp--preset--color--bianco);
    font-weight: 700;
    text-decoration: none;

    /* migliora leggibilità su immagini */
    text-shadow: 0 2px 6px rgba(0,0,0,.45);
}

/* hover/focus: underline */
.wp-block-button.is-style-try2-button > .wp-block-button__link:hover,
.wp-block-button.is-style-try2-button > .wp-block-button__link:focus{
    text-decoration: underline;
}

/* active: underline anche qui */
.wp-block-button.is-style-try2-button > .wp-block-button__link:active{
    text-decoration: underline;
}


/* =========================
   Link grigio
========================= */

.is-style-link-grey a {
    color: var(--wp--preset--color--grigio-logo);
    text-decoration: none;
}

.is-style-link-grey:hover a {
    text-decoration: underline;
}