.box{height:auto;float:left;transition:.5s linear;position:relative;display:block;overflow:hidden;text-align:center;margin:0 5px;background:transparent;text-transform:uppercase}.box:before{bottom:0;border-bottom:4px solid transparent;border-left:4px solid transparent;transform:translateX(100%)}.box:after,.box:before{position:absolute;content:"";left:0;height:4px;width:100%;box-sizing:border-box}.box:after{top:0;border-top:4px solid transparent;border-right:4px solid transparent;transform:translateX(-100%)}.box:hover{box-shadow:0 5px 15px rgba(0,0,0,.5)}.box:hover:before{transition:transform .3s linear,height .3s linear .3s}.box:hover:after,.box:hover:before{border-color:#262626;height:100%;transform:translateX(0)}.box:hover:after{transition:transform .3s linear,height .3s linear .5s}.btn{color:black;text-decoration:none;cursor:pointer;outline:none;border:none;background:transparent}