.primary-button{color:#fff;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;background:#9294dd;line-height:42px;border:none;padding:8px 30px;text-transform:uppercase;font-weight:500}.primary-button:after,.primary-button:before{position:absolute;content:"";right:0;bottom:0;background:#9294dd;transition:all .6s ease}.primary-button:before{height:0;width:2px}.primary-button:after{width:0;height:2px}.primary-button:hover{color:#9294dd;background:transparent}.primary-button:hover:before{height:100%}.primary-button:hover:after{width:100%}.primary-button-span:after,.primary-button-span:before{position:absolute;content:"";left:0;top:0;background:#9294dd;transition:all .6s ease}.primary-button-span:before{width:2px;height:0}.primary-button-span:after{height:2px;width:0}.primary-button:hover .primary-button-span:before{height:100%}.primary-button:hover .primary-button-span:after{width:100%}