.modal-socials{gap:.5rem;display:flex}.social-icon{border:1px solid var(--border-color);color:var(--green);border-radius:.3rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.35rem;transition:background .25s,color .25s;display:inline-flex}.social-icon svg{width:1.5rem;height:1.5rem}.social-icon svg *{fill:currentColor;stroke:currentColor}.social-icon:hover{background:var(--green);color:#fff}