.elementor-50 .elementor-element.elementor-element-80d2b97{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-80d2b97:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-80d2b97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sylverrappresentanze.it/wp-content/uploads/2026/03/sylver_rappresentanze-24-MOD.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-50 .elementor-element.elementor-element-0122a1e{--display:flex;}.elementor-50 .elementor-element.elementor-element-9905dda{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-50 .elementor-element.elementor-element-efadc46{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Arsenal", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-efadc46 a{color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-343acba{margin:0px 370px calc(var(--kit-widget-spacing, 0px) + -35px) 0px;padding:0px 0px 0px 50px;}.elementor-50 .elementor-element.elementor-element-343acba .elementor-heading-title{font-family:"haboro-contrast-normal", Sans-serif;font-size:26px;letter-spacing:2px;color:#FFFFFF1F;}.elementor-50 .elementor-element.elementor-element-a94d2ac .elementor-button{background-color:#FFFFFF00;font-family:"Arsenal", Sans-serif;font-size:20px;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-50 .elementor-element.elementor-element-a94d2ac{margin:0px 240px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-a94d2ac .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-50 .elementor-element.elementor-element-a94d2ac .elementor-button .elementor-button-content-wrapper{gap:5px;}@media(max-width:1024px){.elementor-50 .elementor-element.elementor-element-80d2b97:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-80d2b97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-50 .elementor-element.elementor-element-9905dda{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-50 .elementor-element.elementor-element-efadc46{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-50 .elementor-element.elementor-element-343acba{margin:0px 265px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-50 .elementor-element.elementor-element-a94d2ac{margin:-32px 150px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-80d2b97:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-80d2b97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sylverrappresentanze.it/wp-content/uploads/2026/03/sylver_rappresentanze-24-MOD.jpg");background-position:-337px -330px;background-repeat:no-repeat;background-size:auto;}.elementor-50 .elementor-element.elementor-element-80d2b97{--min-height:90vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-50 .elementor-element.elementor-element-0122a1e{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-9905dda{--width:100%;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-50 .elementor-element.elementor-element-efadc46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-50 .elementor-element.elementor-element-efadc46.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-80d2b97{--width:100%;}.elementor-50 .elementor-element.elementor-element-0122a1e{--width:100%;}.elementor-50 .elementor-element.elementor-element-9905dda{--width:74%;}}/* Start custom CSS for button, class: .elementor-element-a94d2ac *//* 1. Puliamo il bottone dai margini di default di Elementor */
.bottone-sylver1 .elementor-button {
    background: transparent !important;
    padding: 0 !important; /* Rimuove lo spazio vuoto, così si allinea al pixel */
    justify-content: flex-start;
}

/* 2. Il "guscio" interno che contiene solo il testo e la freccia */
.bottone-sylver1 .elementor-button-content-wrapper {
    position: relative;
    display: inline-flex;
    padding-bottom: 5px; /* Spazio verticale tra la scritta e la linea */
}

/* 3. La Linea Bianca Corta */
.bottone-sylver1 .elementor-button-content-wrapper::after {
    content: '';
    position: absolute;
    left: 0; /* Parte ESATTAMENTE dall'inizio della prima lettera */
    bottom: 0;
    height: 1px; /* Spessore */
    background-color: #ffffff; /* Colore bianco fisso */
    width: 20px; /* QUANTO È CORTA ALL'INIZIO. Cambia questo numero a piacere! */
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 4. Effetto Hover: Si allunga (Il testo NON si muove) */
.bottone-sylver1 .elementor-button:hover .elementor-button-content-wrapper::after {
    width: 100%; /* Si estende fino alla fine della freccia */
}
.bottone-sylver1 .elementor-button-icon i,
.bottone-sylver1 .elementor-button-icon svg {
    font-size: 14px !important; /* Cambia questo numero per rimpicciolire o ingrandire */
    width: 16px !important;     /* Serve se hai caricato tu la freccia come file SVG */
    height: auto;
    transition: none; /* Assicura che l'icona stia immobile */
    padding-top:7px;
}

/* (Opzionale) Regola lo spazio tra la scritta e la freccia */
.bottone-sylver1 .elementor-align-icon-right {
    margin-left: 8px !important; 
}/* End custom CSS */