.buttons{display:flex;justify-content:space-around;top:20px;left:20px}.buttons button{width:150px;height:50px;background-color:white;margin:20px;color:#568fa6;position:relative;overflow:hidden;font-size:14px;letter-spacing:1px;font-weight:500;text-transform:uppercase;transition:all .3s ease;cursor:pointer;border:0;display:flex;align-items:center;justify-content:center;border-radius:3px}.buttons button:after,.buttons button:before{content:"";position:absolute;width:0;height:2px;background-color:#44d8a4}.buttons button:before{right:0;top:0}.buttons button:after{left:0;bottom:0}.buttons button span{width:100%;height:100%;position:absolute;left:0;top:0;margin:0;padding:0;z-index:1}.buttons button span:after,.buttons button span:before{content:"";position:absolute;width:2px;height:0;background-color:#44d8a4}.buttons button span:before{right:0;top:0}.buttons button span:after{left:0;bottom:0}.buttons button p{padding:0;margin:0;position:absolute;width:100%;height:100%}.buttons button p:after,.buttons button p:before{position:absolute;width:100%;z-index:1;left:0}.buttons button p:before{content:attr(data-title);top:50%;transform:translateY(-50%)}.buttons button p:after{content:attr(data-text);top:150%;color:#44d8a4}.buttons button:hover:after,.buttons button:hover:before{width:100%}.buttons button:hover span{z-index:1}.buttons button:hover span:after,.buttons button:hover span:before{height:100%}.buttons button:hover p:before{top:-50%;transform:rotate(5deg)}.buttons button:hover p:after{top:50%;transform:translateY(-50%)}.buttons button.start{background-color:#44d8a4;box-shadow:0 5px 10px -10px rgba(0,0,0,.2);transition:all .2s ease}.buttons button.start p:before{top:-50%;transform:rotate(5deg)}.buttons button.start p:after{color:white;transition:all 0s ease;content:attr(data-start);top:50%;transform:translateY(-50%);animation:start .3s ease;animation-fill-mode:forwards}@keyframes start{0%{top:-50%}}.buttons button.start:hover span,.buttons button.start:hover:after,.buttons button.start:hover:before{display:none}.buttons button:active{outline:none;border:none}.buttons button:focus{outline:0}