@import url(https://fonts.googleapis.com/css?family=Ubuntu);body,html{background:#28254c;font-family:Ubuntu}*{box-sizing:border-box}.box{background:#332f63;border-radius:20px;height:100%;max-height:600px;min-height:450px;padding:30px 50px;top:50%;transform:translate(-50%,-50%);width:350px}.box,.box__ghost{left:50%;position:absolute}.box__ghost{padding:15px 25px 25px;top:30%;transform:translate(-50%,-30%)}.box__ghost .symbol:first-child{animation:shine 4s ease-in-out 3s infinite;opacity:.2}.box__ghost .symbol:first-child:after,.box__ghost .symbol:first-child:before{background:#fff;border-radius:5px;bottom:65px;content:"";height:4px;left:0;position:absolute;width:12px}.box__ghost .symbol:first-child:before{transform:rotate(45deg)}.box__ghost .symbol:first-child:after{transform:rotate(-45deg)}.box__ghost .symbol:nth-child(2){animation:shine 4s ease-in-out 1.3s infinite;border:4px solid #fff;border-radius:50%;height:18px;left:-5px;opacity:.2;position:absolute;top:30px;width:18px}.box__ghost .symbol:nth-child(3){animation:shine 3s ease-in-out .5s infinite;opacity:.2}.box__ghost .symbol:nth-child(3):after,.box__ghost .symbol:nth-child(3):before{background:#fff;border-radius:5px;content:"";height:4px;left:40px;position:absolute;top:5px;width:12px}.box__ghost .symbol:nth-child(3):before{transform:rotate(90deg)}.box__ghost .symbol:nth-child(3):after{transform:rotate(180deg)}.box__ghost .symbol:nth-child(4){animation:shine 6s ease-in-out 1.6s infinite;opacity:.2}.box__ghost .symbol:nth-child(4):after,.box__ghost .symbol:nth-child(4):before{background:#fff;border-radius:5px;content:"";height:4px;position:absolute;right:30px;top:10px;width:15px}.box__ghost .symbol:nth-child(4):before{transform:rotate(45deg)}.box__ghost .symbol:nth-child(4):after{transform:rotate(-45deg)}.box__ghost .symbol:nth-child(5){animation:shine 1.7s ease-in-out 7s infinite;border:3px solid #fff;border-radius:50%;height:12px;opacity:.2;position:absolute;right:5px;top:40px;width:12px}.box__ghost .symbol:nth-child(6){animation:shine 2s ease-in-out 6s infinite;opacity:.2}.box__ghost .symbol:nth-child(6):after,.box__ghost .symbol:nth-child(6):before{background:#fff;border-radius:5px;bottom:65px;content:"";height:4px;position:absolute;right:-5px;width:15px}.box__ghost .symbol:nth-child(6):before{transform:rotate(90deg)}.box__ghost .symbol:nth-child(6):after{transform:rotate(180deg)}.box__ghost-container{animation:upndown 3s ease-in-out infinite;background:#fff;border-radius:100px 100px 0 0;height:100px;margin:0 auto;position:relative;width:100px}.box__ghost-eyes{height:12px;left:50%;position:absolute;top:45%;width:70px}.box__eye-left{left:0}.box__eye-left,.box__eye-right{background:#332f63;border-radius:50%;height:12px;margin:0 10px;position:absolute;width:12px}.box__eye-right{right:0}.box__ghost-bottom{display:flex;left:0;position:absolute;right:0;top:100%}.box__ghost-bottom div{background-color:#fff;border-radius:100%;flex-grow:1;height:20px;position:relative;top:-10px}.box__ghost-bottom div:nth-child(2n){background:transparent;border-top:15px solid #332f63;margin:0;top:-12px}.box__ghost-shadow{animation:smallnbig 3s ease-in-out infinite;border-radius:50%;box-shadow:0 50px 15px 5px #3b3769;height:20px;margin:0 auto}.box__description{bottom:30px;left:50%;position:absolute;transform:translateX(-50%)}.box__description-container{color:#fff;font-size:16px;margin:0 auto;text-align:center;width:200px}.box__description-title{color:#8c8aa7;font-size:24px;letter-spacing:.5px}.box__description-text{color:#8c8aa7;line-height:20px;margin-top:20px}.box__button{background:#ff5e65;border:1px solid transparent;border-radius:50px;color:#fff;display:block;font-size:18px;height:50px;line-height:50px;margin-top:25px;mask-image:radial-gradient(#fff,#000);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;padding:0 70px;position:relative;text-align:center;text-decoration:none;transition:background .5s ease;white-space:nowrap}.box__button:before{background:#fff;border:2px solid #fff;bottom:-25px;content:"";height:100px;left:0;position:absolute;transform:translateX(-50px) rotate(45deg);transition:transform .5s ease;width:20px}.box__button:hover{background:transparent;border-color:#fff;cursor:pointer}.box__button:hover:before{transform:translateX(250px) rotate(45deg)}@keyframes upndown{0%{transform:translateY(5px)}50%{transform:translateY(15px)}to{transform:translateY(5px)}}@keyframes smallnbig{0%{width:90px}50%{width:100px}to{width:90px}}@keyframes shine{0%{opacity:.2}25%{opacity:.1}50%{opacity:.2}to{opacity:.2}}