body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-size: 16px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#SocialLogin1 {
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 20px;
   color: #FF0000;
   display: block;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   height: 36px;
   line-height: 36px;
   padding: 0;
   text-align: center;
   text-decoration: none;
   width: 170px;
}
#wb_LayoutGrid1 {
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #696969;
   border-radius: 0px;
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 100px 0 0 0;
   margin-left: auto;
   margin-right: auto;
   max-width: 600px;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
}
#LayoutGrid1 {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
}
#LayoutGrid1 > .col-1 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 0px;
   padding-right: 0px;
   position: relative;
}
#LayoutGrid1 > .col-1 {
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1 {
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: flex;
   flex-basis: 400px;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 400px;
   text-align: center;
}
@media (max-width: 480px) {
#LayoutGrid1 > .col-1 {
   flex-basis: 100%  !important;
   max-width: 100%  !important;
}
}
#wb_ImageLogo {
   margin: 30px 0 30px 0;
   vertical-align: top;
}
#ImageLogo {
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   display: inline-block;
   height: 215px;
   padding: 0;
   vertical-align: top;
   width: 215px;
}
#wb_LayoutGrid2 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 15px;
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
}
#LayoutGrid2 {
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
   max-width: 300px;
   padding: 0;
   width: 100%;
}
#LayoutGrid2 > .row {
   display: grid;
   grid-template-columns: repeat(12, 8.333333%);
   margin-left: 0;
   margin-right: 0;
}
#LayoutGrid2 > .row > .col-1,
#LayoutGrid2 > .row > .col-2 {
   box-sizing: border-box;
   font-size: 0;
   grid-column: span 12;
   min-height: 1px;
   padding-left: 0px;
   padding-right: 0px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1,
#LayoutGrid2 > .row > .col-2 {
}
#LayoutGrid2 > .row > .col-1 {
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-wrap: wrap;
   grid-column: span 2;
   text-align: center;
}
#LayoutGrid2 > .row > .col-2 {
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-wrap: wrap;
   grid-column: span 10;
   text-align: center;
}
@media (max-width: 480px) {
#LayoutGrid2 > .row > .col-1,
#LayoutGrid2 > .row > .col-2 {
   grid-column: span 12;
   width: 100%;
}
}
#wb_Image3 {
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image3 {
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   display: inline-block;
   height: 100%;
   object-fit: contain;
   padding: 0;
   vertical-align: top;
   width: 100%;
}
#wb_LayoutGrid4 {
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 12px 0 0 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
}
#LayoutGrid4 {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
   max-width: 300px;
   padding: 0;
}
#LayoutGrid4 > .col-1 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
}
#LayoutGrid4 > .col-1 {
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1 {
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: flex;
   flex-basis: 100%;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 100%;
   text-align: center;
}
@media (max-width: 480px) {
#LayoutGrid4 > .col-1 {
   flex-basis: 100%  !important;
   max-width: 100%  !important;
}
}
#wb_AnimatedHeadline1 {
   padding: 8px 0 8px 0;
   background-clip: padding-box;
   background-color: #000000;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 12px;
   box-sizing: border-box;
   margin: 30px 0 0 0;
   text-align: center;
   vertical-align: top;
}
#AnimatedHeadline1 {
   color: #FFFFFF;
   font-family: "League Spartan";
   font-size: 19px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#AnimatedHeadline1 a {
   color: inherit;
   text-decoration: none;
}
#AnimatedHeadline1 .highlight {
   position: relative;
}
#AnimatedHeadline1 svg {
   height: calc(100% + 20px);
   left: 50%;
   overflow: visible;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: calc(100% + 20px);
}
#AnimatedHeadline1 svg path {
   fill: none;
   stroke-width: 10;
   stroke: #FFFFFF;
}
#AnimatedHeadline1 svg {
   opacity: 0;
}
#wb_Text1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 30px 0 0 0;
   padding: 0;
   text-align: center;
}
#wb_Text1 div {
   text-align: center;
}
#wb_Text1 {
   box-sizing: border-box;
   display: block;
   margin: 30px 0 0 0;
   width: 100%;
}
#wb_Text2 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 60px 0 0 0;
   padding: 0;
   text-align: center;
}
#wb_Text2 div {
   text-align: center;
}
#wb_Text2 {
   box-sizing: border-box;
   display: block;
   margin: 60px 0 0 0;
   width: 100%;
}
#wb_AnimatedHeadline1 {
   display: block;
   width: 100%;
   z-index: 7;
}
#wb_uid1 {
   color: #4F4F4F;
   font-family: "League Spartan";
   font-size: 16px;
}
#wb_Image3 {
   display: inline-block;
   height: 45px;
   width: 33px;
   z-index: 2;
}
#wb_uid0 {
   color: #4F4F4F;
   font-family: "League Spartan";
   font-size: 16px;
}
#wb_SocialLogin1 {
   display: inline-block;
   height: 36px;
   text-align: center;
   width: 170px;
   z-index: 3;
}
#wb_ImageLogo {
   display: inline-block;
   height: 215px;
   width: 215px;
   z-index: 4;
}
/* Aggiungi questo in fondo al tuo file css/login.css */

/*
 * Correzione per il pulsante di login multilingue
 */

/* 1. Rende il contenitore del pulsante Google flessibile */
#wb_LayoutGrid2 .row {
    align-items: center; /* Allinea verticalmente l'icona e il testo */
}

/* 2. Permette al testo di usare lo spazio necessario */
#wb_SocialLogin1 {
    width: auto;      /* Rimuove eventuali larghezze fisse */
    flex-grow: 1;     /* Permette al contenitore del link di espandersi */
    text-align: center; /* Centra il testo all'interno dello spazio disponibile */
}

/* 3. Assicura che il link stesso si comporti correttamente */
#wb_SocialLogin1 a {
    display: inline-block; /* Permette al link di avere dimensioni e padding */
    white-space: nowrap;   /* La regola PIÙ IMPORTANTE: impedisce al testo di andare a capo */
    padding: 0 10px;       /* Aggiunge un po' di spazio laterale per respirare */
}