.botones{position:relative;border:none;outline:none;background-color:#000;color:#fff;cursor:pointer;transition:.5s;overflow:hidden}.botones span{position:absolute;background-color:#fff;transition:.5s}.botones span:nth-child(1){width:100%;height:1px;top:0;left:-100%}.botones span:nth-child(2){width:100%;height:1px;bottom:0;right:-100%}.botones span:nth-child(3){width:1px;height:100%;bottom:-100%;left:0}.botones span:nth-child(4){width:1px;height:100%;top:-100%;right:0}.botones:hover span:nth-child(1){left:0}.botones:hover span:nth-child(2){right:0}.botones:hover span:nth-child(3){bottom:0}.botones:hover span:nth-child(4){top:0}.main{background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(https://images.pexels.com/photos/270360/pexels-photo-270360.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-repeat:no-repeat;background-size:100% 100%;backdrop-filter:blur(26px);min-height:100vh}.field{margin-bottom:10px}.field label{display:block;font-size:20px;color:orange}.field input{display:block;min-width:250px;line-height:1.5;font-size:14px;color:#000}textarea{color:#000;width:350px;height:200px}input[type=submit]{display:block;padding:6px 30px;font-size:14px;background-color:#4460aa;color:#fff;border:none;cursor:pointer}