.circle-reseaux{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.circle-reseaux a{font-size:1.8rem;aspect-ratio:1/1;height:1em;padding:.3em;border-radius:50%;color:var(--color);border:1px solid var(--color);transition:all .2s ease-in-out}.circle-reseaux a:hover{background-color:var(--color);color:#fff;border:1px solid var(--color)}.circle-reseaux.reverse a{color:#fff;border-color:#fff}.circle-reseaux.reverse a:hover{background-color:#fff;color:var(--color)}@media screen and (max-width: 1200px){.circle-reseaux{gap:.2rem}.circle-reseaux a{font-size:1.2rem}}