.btn{font-family:var(--font-sans);letter-spacing:-.025rem;color:#0a0a0a;cursor:pointer;background-color:#f8f8f8;border:1px solid #e6e6e6;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 1.2px 1.2px #0a0a0a0f,0 5px 10px #0a0a0a0a}.btn:hover{background-color:#ececec;box-shadow:0 2px 2px #0a0a0a26,0 8px 16px #0a0a0a1a}.btn:active{background-color:#dedede;box-shadow:0 1px 2px #0a0a0a40,0 4px 8px #0a0a0a1f}.btn--secondary{color:#0a0a0a;background-color:#fff;border:1px solid #dcdcdc}.btn--secondary:hover{background-color:#f0f0f0}.btn--secondary:active{background-color:#e0e0e0}.btn--outline{color:#0a0a0a;background-color:#0000;border:1px solid #ccc}.btn--outline:hover{background-color:#f9f9f9}.btn--outline:active{background-color:#f1f1f1}.btn--pulsating{color:#0a0a0a;background-color:#f0f8ff;position:relative}.btn--pulsating:hover{background-color:#e6f2ff}.btn--pulsating:active{background-color:#d4ecff}.btn--pulsating:before{content:"";border-radius:inherit;outline:4px double #80808033;animation:2s infinite pulsating;position:absolute;inset:0}@keyframes pulsating{0%{outline:4px double #80808055;inset:4px}90%,to{outline:4px double #80808000;inset:-6px}}.btn--copy{background-color:#f8f8f8;gap:.5rem;font-size:1rem;font-weight:400;display:flex}.btn--copy:hover{background-color:#ececec}.btn--copy:active{background-color:#dedede}.copied-animation{pointer-events:none;animation:1s ease-out swipeAnimation}@keyframes swipeAnimation{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}