.social-links{flex-wrap:wrap;gap:.75rem;display:flex}.social-links__item{flex-direction:column;align-items:center;display:flex;position:relative}.social-links__tooltip{color:var(--background);white-space:nowrap;pointer-events:none;border-radius:4px;padding:.2rem .45rem;font-size:.6875rem;font-weight:600;transition:transform .25s;position:absolute;top:-2rem;transform:scale(0)}.social-links__btn{background:var(--background);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.dark .social-links__btn{background:#ffffff14;box-shadow:0 0 0 1px #ffffff1a}.social-links__btn:before{content:"";z-index:0;border-radius:50%;height:0;transition:height .3s;position:absolute;inset:0}.social-links__btn:hover{color:var(--background);box-shadow:0 4px 14px #00000026}.dark .social-links__btn:hover{box-shadow:0 0 20px #fff3,0 4px 14px #0006}.social-links__btn:hover:before{height:100%}.social-links__icon{z-index:1;width:1.125rem;height:1.125rem;position:relative}.social-links__item--instagram .social-links__btn:before{background:linear-gradient(40deg,#833ab4,#fd1d1d,#fcb045)}.social-links__item--instagram:hover .social-links__tooltip{background:linear-gradient(40deg,#833ab4,#fd1d1d);transform:scale(1)}.social-links__item--linkedin .social-links__btn:before{background:#0a66c2}.social-links__item--linkedin:hover .social-links__tooltip{background:#0a66c2;transform:scale(1)}.social-links__item--x .social-links__btn:before{background:var(--foreground)}.social-links__item--x:hover .social-links__tooltip{background:var(--foreground);color:var(--background);transform:scale(1)}