.card{isolation:isolate;border-radius:20px;width:auto;height:auto;padding:5px;transition:all .7s}.inner{background:var(--background-color);width:auto;height:auto;color:var(--text-color);z-index:9;border-radius:20px;margin:-10px;padding:25px;transition:all .7s;display:flex}.card:before,.card:after{content:"";background-image:conic-gradient(from var(--bg-angle)at 50% 50%,#2737f2a1,#f942d1b6,#f86c30b8,#b35dffb6,#2737f2a1);z-index:-1;border-radius:20px;width:auto;height:auto;animation:16s linear infinite glow;position:absolute;inset:0;transform:translate(0,0)}.card:before{filter:blur(1.5rem);opacity:.8}.nameText{font-family:var(--GeoBlack);text-shadow:-7.5px 3.5px 8px var(--border-color);color:var(--mid-color);font-weight:900;transition:all;display:flex}@keyframes glow{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}
.Btn{cursor:pointer;background-color:#0000;border:none;border-radius:15px;justify-content:center;align-items:center;width:150px;height:150px;transition:all .3s;display:flex;position:relative}.svgContainer{backdrop-filter:blur();background-color:#0000;border:1px solid #9c9c9c77;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex}.BG{content:"";z-index:-1;pointer-events:none;background:#181818;border-radius:15px;width:100%;height:100%;transition:all .3s;position:absolute}.LinkedBG{content:"";z-index:-1;pointer-events:none;background:#0072b1;border-radius:15px;width:100%;height:100%;transition:all .3s;position:absolute}.Btn:hover .LinkedBG,.Btn:hover .BG{transform-origin:bottom;transform:rotate(35deg)}.Btn:hover .svgContainer{backdrop-filter:blur(4px);background-color:#9c9c9c77}.socialSvg{scale:4}