.frame2{width:90%}.bbn2{outline:none}.custom-btn2{min-width:150px;height:35px;padding:10px 20px;border:2px solid #000;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}.btn-32{line-height:30px;padding:0}.btn-32:hover{background:transparent;color:#000}.btn-32 span{position:relative;display:block;width:100%;height:100%;padding-left:10px;padding-right:10px}.btn-32:after,.btn-32:before{position:absolute;content:"";left:0;top:0;background:#000;transition:all .3s ease}.btn-32:before{height:0;width:2px}.btn-32:after{width:0;height:2px}.btn-32:hover:before{height:100%}.btn-32:hover:after{width:100%}.btn-32 span:after,.btn-32 span:before{position:absolute;content:"";right:0;bottom:0;background:#000;transition:all .3s ease}.btn-32 span:before{width:2px;height:0}.btn-32 span:after{width:0;height:2px}.btn-32 span:hover:before{height:100%}.btn-32 span:hover:after{width:100%}.frame{width:90%}.bbn1{outline:none}.custom-btn{width:130px;height:35px;padding:10px 20px;border:2px solid #fff;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}.btn-3{line-height:30px;padding:0}.btn-3:hover{background:transparent;color:#fff}.btn-3 span{position:relative;display:block;width:100%;height:100%}.btn-3:after,.btn-3:before{position:absolute;content:"";left:0;top:0;background:#fff;transition:all .3s ease}.btn-3:before{height:0;width:2px}.btn-3:after{width:0;height:2px}.btn-3:hover:before{height:100%}.btn-3:hover:after{width:100%}.btn-3 span:after,.btn-3 span:before{position:absolute;content:"";right:0;bottom:0;background:#fff;transition:all .3s ease}.btn-3 span:before{width:2px;height:0}.btn-3 span:after{width:0;height:2px}.btn-3 span:hover:before{height:100%}.btn-3 span:hover:after{width:100%}