li{color:#fff}.button--primary{color:#fff;position:relative}.button--primary,.button--primary span{transition:all .3s}.button--primary:before{border-bottom:1px solid hsla(0,0%,100%,.5);border-top:1px solid hsla(0,0%,100%,.5);bottom:0;content:"";height:100%;left:0;opacity:0;position:absolute;transform:scaleX(.1);transition:all .3s;width:100%;z-index:1}.button--primary:hover span{letter-spacing:2px}.button--primary:hover:before{opacity:1;transform:scale(1)}.button--primary:after{background-color:hsla(0,0%,100%,.1);bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:100%;z-index:1}.button--primary:hover:after{opacity:0;transform:scaleX(.1)}