.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1rem;line-height:1;font-weight:600;border-radius:30px;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;vertical-align:middle;border:none;user-select:none}.button.primary{background-color:var(--primary-color);color:var(--button-text);border:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}.button.primary:focus,.button.primary:hover{background-color:var(--button-hover);outline:0}.button.secondary{background-color:var(--button-bg);color:var(--primary-color);border:2px solid #ccc;color:var(--button-text);box-shadow:0 4px 6px rgba(0,0,0,.1)}.button.secondary:focus,.button.secondary:hover{background-color:#e0e0e0;outline:0}.button.disabled,.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}