.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);transition:all .3s cubic-bezier(.2,.8,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00a85966}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background-color:var(--color-catnip-green);color:var(--color-white);border:1px solid transparent}.btn-primary:hover{background-color:#008f4c}.btn-secondary{background-color:rgb(var(--color-accent-yellow));color:#000}.btn-secondary:hover{background-color:#e6d200;box-shadow:0 5px 15px #fce70066}.btn-accent{background-color:var(--color-warm-red);color:var(--color-white)}.btn-accent:hover{background-color:#d62f2b;box-shadow:0 5px 15px #ef383466}.btn-outline{background-color:transparent;border:2px solid var(--color-catnip-green);color:var(--color-catnip-green)}.btn-outline:hover{background-color:#00a8591a}.btn-red-bubble{background:#ef383433;border:2px solid rgba(239,56,52,.4);color:var(--color-white);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #ef383433}.btn-red-bubble:hover{background:#ef38344d;border-color:#ef383499;box-shadow:0 8px 25px #ef383466}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn-large{padding:1rem 2.5rem;font-size:1.125rem}