*{cursor:crosshair;font-family:verdana,cursive}body{padding:0;margin:0;background-color:#000;color:#fff}.btn-container{width:600px;display:flex;flex-wrap:wrap;justify-content:space-around;flex-direction:column}.btn-container .btn{position:relative;width:155px;height:55px;margin:20px}.btn-container .btn a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.05);box-shadow:0 15px 35px #0003;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-radius:30px;color:#fff;z-index:1;font-size:14px;font-weight:300;letter-spacing:1px;text-decoration:none;overflow:hidden;transition:.5s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn-container .btn:hover a{letter-spacing:3px}.btn-container .btn a:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to left,rgba(255,255,255,.15),transparent);transform:skew(45deg) translate(0);transition:.5s}.btn-container .btn:hover a:before{transform:skew(45deg) translate(200%)}.btn-container .btn:hover:before{bottom:0;height:50%;width:80%;border-radius:30px;transition-delay:.5s}.btn-container .btn:hover:after{top:0;height:50%;width:80%;border-radius:30px;transition-delay:.5s}