.circle-container{height:100%;width:100%;padding:1rem;margin:0;display:flex;align-items:center;justify-content:center;z-index:-1}.circle-btn{position:relative;background:linear-gradient(#fff 30%,#fff 0,#d6d6d6);width:10rem;height:2rem;border-radius:.6rem;border:.15rem solid #fff;transition:.3s;box-shadow:0 .3rem .3rem hsla(0,0%,7%,.35);font-size:.6rem;color:grey;cursor:pointer}.circle-btn:before{content:"";width:125%;height:125%;background:#e0e0e0;box-shadow:inset 0 .2rem .2rem grey;position:absolute;left:-12%;top:-12%;z-index:-1;border-radius:inherit;transition:.3s}.circle-btn:focus{box-shadow:0 5px 3px hsla(0,0%,7%,.35),0 5px 25px rgba(2,220,89,.777);background:linear-gradient(0deg,#fff 30%,#fff 0,#d6d6d6)}.circle-btn:focus:before{box-shadow:inset 0 .2rem .2rem grey}