.social-icon{width:27px;height:27px;border-radius:50%;margin-top:1px;transition:.2s}.social-icon.youtube{border:1px solid red}.social-icon.x{border:1px solid var(--white);background-color:var(--black)}.footer .social-icon.x{border:1px solid var(--black)}.social-icon.linkedin{border:1px solid #0b69c7;background-color:#fff}.social-icon.mail{border:1px solid var(--white);background-color:var(--white)}.social-icon.mail.active{border-color:var(--yellow)}.social-icon.mail.success{cursor:not-allowed}.social-icon:hover,.footer .social-icon.x:hover{border-color:var(--gold);cursor:pointer}