.social-icon{--icon-scale: 1;border-radius:full;border-radius:9999px;--shadow-radius: .5rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 .5rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));position:relative;display:block;width:2rem;aspect-ratio:1;background-color:var(--color-bg);transform:scale(1);transform:scale(var(--icon-scale));transition:transform var(--trans-time) var(--trans-fnc)}@media (hover: hover){a.social-icon:hover,button.social-icon:hover,select.social-icon:hover,input.social-icon:hover,textarea.social-icon:hover{--shadow-alpha: 30%}}input.social-icon:focus,textarea.social-icon:focus,.social-icon:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}.social-icon:hover{--icon-scale: 1.1}.social-icon>.icon{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);--icon_color: var(--color-secondary)}