.social-icon{display:inline-block}.social-icon svg{border:1px solid var(--color-secondary-hex);height:30px;padding:4px;transition:all .3s ease-out;transition-property:background-color,transform;width:30px}.social-icon svg path{fill:var(--color-secondary-hex)}.social-icon svg:hover{background-color:var(--color-secondary-hex);cursor:pointer;transform:translateY(-3px)}.social-icon svg:hover path{fill:var(--color-white-hex)}.social-icon.white svg{border:1px solid var(--color-white-hex)}.social-icon.white svg path{fill:var(--color-white-hex)}.social-icon.white svg:hover{background-color:var(--color-secondary-hex);border:1px solid var(--color-secondary-hex)}