.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;position:relative;display:block;width:var(--gap-2xl);aspect-ratio:1;background-color:var(--color-bg);transform:scale(1);transform:scale(var(--icon-scale));transition:transform var(--trans-time) var(--trans-fnc)}@supports (color: hsl(0,0%,0%)){.social-icon{box-shadow:0 0 var(--shadow-radius) 0 hsl(0,0%,0%,var(--shadow-alpha, 15%))}}@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)}