.radar{background:repeating-radial-gradient(transparent,transparent 4.5%,rgba(80,255,0,.35) 5%,transparent 5.5%) content-box,linear-gradient(transparent 49.7%,rgba(80,255,0,.2) 49.9%,rgba(80,255,0,.2) 50.1%,transparent 50.3%) content-box,linear-gradient(90deg,transparent 49.7%,rgba(80,255,0,.2) 49.9%,rgba(80,255,0,.2) 50.1%,transparent 50.3%) content-box,radial-gradient(#002500,#000500) content-box;border:2.5vmin solid transparent;border-radius:50%;box-sizing:border-box;filter:drop-shadow(1vmin 1vmin 1vmin rgba(0,0,0,.4));height:40vmin;overflow:hidden;position:relative;width:40vmin}.radar:after{animation:spin 2s linear infinite;background-image:conic-gradient(transparent 90%,rgba(80,255,0,.35));box-shadow:inset 0 0 2vmin rgba(0,0,0,.9);content:"";inset:0}.radar:after,.radar__dot{border-radius:50%;position:absolute}.radar__dot{animation:blink 2s ease-out infinite;height:3%;transform:translate(-50%,-50%);width:3%}.radar__dot:first-of-type{animation-delay:.25s;left:76%;top:24%}.radar__dot:nth-of-type(2){animation-delay:1.25s;left:20%;top:80%}.radar__dot:last-of-type{animation-delay:1.75s;left:36%;top:36%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{2%,20%{background-color:rgba(80,255,0,.85);box-shadow:0 0 1vmin rgba(80,255,0,.6)}90%{background-color:transparent}}.btn-started{background-color:#9e6af1;background-image:linear-gradient(90deg,#9e6af1,#8a9df5);border-bottom-color:#e2e8f0;color:#fff;letter-spacing:.05rem;transition:transform .25s ease-in-out}.btn-started:hover{color:#f8f6f2;transform:scale(1.05)}.radar-svg{background:radial-gradient(#0a0,#000);border-radius:50%;box-shadow:0 1vmin 2vmin rgba(0,0,0,.45);display:block;height:40vmin;margin-inline:auto;width:40vmin}