altezza Login - LO SMANETTONE

<!-- ICONS ROTANTI CON EFFETTO GLOW + RESPONSIVE by max 2025 -->

<style>

.social-icons {

 display: flex;

 gap: 15px;

 flex-wrap: wrap;

 justify-content: center;

 margin-top: 10px;

}

.social-icon {

 width: 40px;

 height: 40px;

 border: 1px solid #ffffff33;

 border-radius: 8px;

 display: flex;

 align-items: center;

 justify-content: center;

 transition: all 0.5s ease;

 background-color: transparent;

}

.social-icon img {

 width: 20px;

 height: 20px;

 transition: transform 0.5s ease;

}

.social-icon:hover {

 border-color: #ffffff;

 box-shadow: 0 0 10px #ffffffcc;

}

.social-icon:hover img {

 transform: rotate(360deg);

}

/* Responsive tweaks */

@media (max-width: 480px) {

 .social-icon {

   width: 36px;

   height: 36px;

 }

 .social-icon img {

   width: 18px;

   height: 18px;

 }

 .social-icons {

   gap: 10px;

 }

}

</style>

<div class="social-icons">

 <a href="https://www.facebook.com/tuapagina" target="_blank" class="social-icon">

   <img src="https://cdn-icons-png.flaticon.com/512/733/733547.png" alt="Facebook">

 </a>

 <a href="https://www.linkedin.com/in/tuoprofilo" target="_blank" class="social-icon">

   <img src="https://cdn-icons-png.flaticon.com/512/174/174857.png" alt="LinkedIn">

 </a>

 <a href="https://www.youtube.com/@tuocanale" target="_blank" class="social-icon">

   <img src="https://cdn-icons-png.flaticon.com/512/1384/1384060.png" alt="YouTube">

 </a>

</div>