@keyframes gradient-wave{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.social-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;li{list-style:none}.social-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;overflow:hidden;background-size:300% 300%;animation:gradient-wave 8s ease infinite;border:1px solid hsla(0,0%,100%,.15);backdrop-filter:blur(8px);background-blend-mode:overlay;transition:transform .3s ease,background .3s ease;svg{width:1.5rem;height:1.5rem;z-index:2;transition:transform .25s ease}&:hover,&:hover svg{transform:scale(1.1)}.tooltip{position:absolute;top:-2.2rem;left:50%;transform:translateX(-50%) scale(.95);opacity:0;background:hsla(0,0%,6%,.9);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;transition:all .2s ease}&:hover .tooltip{opacity:1;transform:translateX(-50%) scale(1)}&.linkedin{background-image:linear-gradient(-45deg,rgba(10,102,194,.25),rgba(3,60,120,.2),rgba(10,102,194,.25),rgba(3,60,120,.2))}&.codechef{background-image:linear-gradient(-45deg,rgba(160,90,30,.3),rgba(110,60,20,.25),rgba(160,90,30,.3),rgba(110,60,20,.25))}&.leetcode{background-image:linear-gradient(-45deg,rgba(255,161,22,.3),rgba(0,160,120,.25),rgba(255,161,22,.3),rgba(0,160,120,.25))}.linkedin-icon{color:#0a66c2}.codechef-icon{color:#964b00}.leetcode-icon{color:#f89f1b}@media (prefers-color-scheme:dark){border-left-color:hsla(0,0%,100%,.08);border-left-style:solid;border-left-width:1px;border-bottom-color:hsla(0,0%,100%,.08);border-bottom-style:solid;border-bottom-width:1px;border-right-color:hsla(0,0%,100%,.08);border-right-style:solid;border-right-width:1px;border-top-color:hsla(0,0%,100%,.08);border-top-style:solid;border-top-width:1px;background-blend-mode:soft-light;.linkedin-icon{color:#33a1f2}.codechef-icon{color:#c4894b}.leetcode-icon{color:#ffb84c}}}}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.wrapper .icon{animation:iconFadeIn .5s ease forwards;animation-delay:calc(var(--index, 0) * .1s)}.notification{isolation:isolate;position:relative;overflow:hidden;--gradient:linear-gradient(180deg,#2eadff,#3d83ff,#7e61ff);--color:#32a6ff}.notification:before{position:absolute;content:"";inset:.0625rem;border-radius:.9375rem;z-index:2}.notification:after{position:absolute;content:"";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.notification:hover:after{transform:translateX(.15rem)}.notititle{color:var(--color);padding:.65rem .25rem .4rem 1.25rem;font-weight:500;font-size:1.1rem;transition:transform .3s ease;z-index:5}.notification:hover .notititle{transform:translateX(.15rem)}.notibody{color:#99999d;padding:0 1.25rem;transition:transform .3s ease;z-index:5}.notification:hover .notibody{transform:translateX(.25rem)}.notiborderglow,.notiglow{position:absolute;width:20rem;height:20rem;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side at center,#fff,transparent);opacity:0;transition:opacity .3s ease}.notiglow{z-index:3}.notiborderglow{z-index:1}.notification:hover .notiborderglow,.notification:hover .notiglow{opacity:.1}.note{color:var(--color);position:fixed;top:80%;left:50%;transform:translateX(-50%);text-align:center;font-size:.9rem;width:75%}