.btn-main-container{height:100%;display:flex;align-items:center;justify-content:center}.btn-container{display:flex;gap:1.5rem;--pupil-color:#5965e3;--pupil-move:20%}.btn-button{--back-color:#fff}.btn-lid{--back-color:transparent}.btn-container{position:relative}.btn-button{background-color:#fff!important;border:3px solid #000!important;border-radius:10rem;cursor:pointer;padding:2rem;position:relative;z-index:100}.btn-button:hover,.btn-button:hover .btn-lid{animation:squint 100ms forwards}.btn-button:active .btn-pupil{animation:agitate 100ms infinite 500ms;border-width:.5rem;padding:1rem}.btn-lid{border-radius:10rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:101}.btn-pupil{background:#000;border:.8rem solid var(--pupil-color);border-radius:10rem;padding:.7rem;transition:all 200ms ease-out}@keyframes agitate{0%{transform:scale(1.2) translate(0%,-10%)}25%{transform:scale(1.2) translate(-10%,10%)}50%{transform:scale(1.2) translate(10%,-5%)}75%{transform:scale(1.2) translate(-10%,-5%)}100%{transform:scale(1.2) translate(10%,10%)}}@keyframes squint{0%{background:var(--back-color)}25%{background:linear-gradient(0deg,#000 0% 9%,var(--back-color) 10% 90%,#000 91% 100%)}50%{background:linear-gradient(0deg,#000 0% 18%,var(--back-color) 19% 81%,#000 82% 100%)}75%{background:linear-gradient(0deg,#000 0% 27%,var(--back-color) 28% 72%,#000 73% 100%)}100%{background:linear-gradient(0deg,#000 0% 35%,var(--back-color) 36% 64%,#000 65% 100%)}}@media (max-width:1024px){.btn-container{gap:.6rem}.btn-button{padding:.8rem}.btn-pupil{padding:.5rem;border-width:.4rem}}