@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*,::after,::before{box-sizing:border-box;padding:0;margin:0;position:relative}body,html{width:100%;font-family:Roboto,sans-serif}.container{height:300px;width:300px;margin:50px auto;position:relative;display:grid;grid-gap:2px;background-color:transparent;transition:all .2s ease-in}button{margin:20px}.buttons{margin:20px 0;display:flex;justify-content:center}.buttons button{margin:0 10px;border-radius:5px;border:none;background-color:#1e90ff;color:#fff}button{margin:20px}.custom-btn{color:#fff;border-radius:5px;margin:0 10px;padding:10px 15px!important;font-family:Lato,sans-serif;font-weight:500;background:0 0;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);outline:0}.btn-7{background:linear-gradient(0deg,#ff9700 0,#fb4b02 100%);line-height:20px;padding:0;border:none}.btn-7 span{position:relative;display:block;width:100%;height:100%}.btn-7:after,.btn-7:before{position:absolute;content:"";right:0;bottom:0;background:#fb4b02;box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);transition:all .3s ease}.btn-7:before{height:0%;width:2px}.btn-7:after{width:0%;height:2px}.btn-7:hover{color:#fb4b02;background:0 0}.btn-7:hover:before{height:100%}.btn-7:hover:after{width:100%}.btn-7 span:after,.btn-7 span:before{position:absolute;content:"";left:0;top:0;background:#fb4b02;box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);transition:all .3s ease}.btn-7 span:before{width:2px;height:0%}.btn-7 span:after{height:2px;width:0%}.btn-7 span:hover:before{height:100%}.btn-7 span:hover:after{width:100%}.info-box{margin:20px auto;padding:10px;width:50%;display:flex;justify-content:center;background:rgba(100,100,100,.6);color:#fff;text-transform:uppercase;border-radius:5px;text-align:center}