.banner-enter{background:#333;border:1px solid #424242;border-radius:90px;color:#fff;overflow:hidden;position:relative;text-align:center}.banner-enter:hover{animation:fill .5s ease-in-out forwards}.banner-enter:not(:hover){animation:reverseFill .5s ease-in-out forwards}.banner-enter>span{margin:0 auto;overflow:hidden;white-space:nowrap}@keyframes fill{0%{background-size:0 100%}to{background-size:100% 100%}}@keyframes reverseFill{0%{background-size:100% 100%}to{background-size:0 100%}}