.buttons{gap:1rem;flex-wrap:wrap;width:100%;max-width:400px}.button,.buttons{display:flex;justify-content:center;margin:0 auto}.button{font-size:1rem;font-weight:600;padding:10px 18px;border-radius:6px;cursor:pointer;transition:transform .1s ease,background-color .3s ease-in-out,box-shadow .3s ease-in-out;outline:none;align-items:center;text-align:center;font-family:Inter,sans-serif;user-select:none;box-shadow:0 4px 10px rgba(0,0,0,.15);min-width:160px;max-width:200px;flex-shrink:0;background:var(--primary);color:var(--text-primary);border:none}.button.secondary{background:transparent;border:2px solid var(--text-secondary);color:var(--text-secondary)}.button.ghost{background:none;border-bottom:2px solid var(--text-primary);color:var(--text-primary)}@media(max-width:768px){.button{width:80%;max-width:180px;padding:8px 16px}}.button:hover{box-shadow:0 6px 12px rgba(0,0,0,.2)}.button:active,.pressed{transform:scale(.95)}.button:focus{outline:3px solid rgba(135,178,255,.8);outline-offset:3px}