.hvr-sweep-to-top { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; position: relative; transition-property: color; transition-duration: 0.3s; }
.hvr-sweep-to-top::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(44, 44, 46); transform: scaleY(0); transform-origin: 50% 100%; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover::before, .hvr-sweep-to-top:focus::before, .hvr-sweep-to-top:active::before { transform: scaleY(1); }