.btn-hover{position:relative;overflow:hidden;transform:perspective(1px) translateZ(0)}.btn-hover:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color-secondary, #000000);transform:translate(-100%);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.btn-hover:hover:before,.btn-hover:focus:before,.btn-hover:active:before{transform:translate(0)}.under-line{position:relative}.under-line:after{content:"";position:absolute;width:0;height:3px;background-color:var(--color-white, #ffffff);bottom:0;left:0;transition:.5s ease-in-out}.under-line:hover:after,.under-line:active:after,.under-line:focus:after,.under-line.active:after{width:100%;transition:.5s ease-in-out}