/* Icone social laterali, solo su schermi larghi (components/layout/socialNav.inc.php) */

.laterale { position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 40; display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition: opacity .5s var(--esce); }
.laterale.visibile { opacity: 1; pointer-events: auto; }
.laterale a { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; background: var(--blu); color: var(--su-blu-2); border: 1px solid var(--filo-blu); border-left: 0; transition: color .3s, background-color .3s; }
.laterale a + a { border-top: 0; }
.laterale a:hover { background: var(--menta); color: var(--blu); }
.laterale svg { width: 1.1rem; height: 1.1rem; }
@media (max-width: 1200px) { .laterale { display: none; } }