.buttn-style{position:relative;color:#e0deda;background-color:#111;text-decoration:none;font-size:.8em;letter-spacing:.1em;font-weight:400;padding:10px 20px;transition:.5s;border:2px solid #a56f31}.buttn-style:hover{background-color:#a56f31;color:#fff}.buttn-style span{position:relative;z-index:1}.buttn-style i{position:absolute;inset:0;display:block}.buttn-style i:after,.buttn-style i:before{content:"";position:absolute;width:10px;height:10px;background:none;z-index:0;transition:.5s ease}.buttn-style i:before{top:-10px;left:100%;border-left:2px solid #be7c31;border-bottom:2px solid #be7c30;transform:translateX(10%)}.buttn-style:hover i:before{left:0;transform:translateX(-80%) rotate(-90deg)}.buttn-style i:after{bottom:-10px;right:100%;border-right:2px solid #a56f31;border-bottom:2px solid #a56f31;transform:rotate(-90deg) translateX(-10%)}.buttn-style:hover i:after{right:0;transform:translateX(80%) rotate(180deg)}