/* From Uiverse.io by vinodjangid07 */ 
.github_Btn {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  position: relative;
  /* overflow: hidden; */
  border-radius: 24px;
  cursor: pointer;
  transition: all .3s;
}

.github_svgContainer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  backdrop-filter: blur(0px);
  letter-spacing: 0.8px;
  border-radius: 24px;
  transition: all .3s;
 
}

.github_svgContainer_border {
 border: 1px solid rgba(156, 156, 156, 0.466);
}

.github_svgContainer.svg {
    height:"1.6em";
    fill:"white";
}


.github_Btn:hover {
  transform: rotate(360deg);
  transform-origin: center;
}

.github_Btn:hover .github_svgContainer:hover {
  backdrop-filter: blur(4px);
}

.github_Btn:hover .github_svgContainer_background {
  background-color: rgba(156, 156, 156, 0.466);

}

/* Centra il link all'interno del contenitore */
.container-btn {
    display: flex;
    justify-content: center; /* Centra entrambi i bottoni */
    align-items: center;
    gap: 12px;               /* Crea uno spazio di 12px tra i bottoni */
    width: 100%;
    margin-top: 15px;
}

/* Evita che il tag <a> blocchi l'allineamento */
.container-btn a.github {
    display: inline-flex;
    justify-content: center;
}

/* Padding interno per il testo del bottone Thesis, così non è compresso */
.text-padding {
    padding: 0 15px;         /* Aggiunge spazio a destra e a sinistra del testo */
    font-weight: 500;        /* Rende il testo leggermente più visibile */
    font-size: 0.9em;        /* Adatta la grandezza alla dimensione del bottone */
    white-space: nowrap;     /* Impedisce al testo di andare a capo */
}

/* Opzionale: se vuoi dare una larghezza minima standard ai bottoni */
.github_Btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;         /* Evita che i bottoni diventino troppo stretti */
    cursor: pointer;
}

/* Impedisce al bottone con testo di ruotare a 360° */
.github_Btn.thesis_Btn:hover {
  transform: translateY(-2px); /* Un leggero sollevamento in stile Apple, molto più elegante */
}

/* Rende il bottone flessibile in larghezza (rimuove il blocco a 55px) */
.thesis_Btn {
  width: auto !important; /* Permette al bottone di allargarsi in base al testo */
  padding: 0 4px;
}

/* Stile per lo sfondo e il testo di Thesis */
.thesis_Btn .text-padding {
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--text-color); /* Bianco fedele al tema */
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* Effetto Hover sullo sfondo del testo */
.github_Btn:hover .github_svgContainer_background.text-padding {
  background-color: rgba(255, 255, 255, 0.1); /* Sfondo leggermente più chiaro sull'hover */
  color: var(--accent); /* Cambia colore in blu Apple per dare feedback del click */
}