}
        .button {
            width: 100%; height: 40px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600;
            display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-out; box-sizing: border-box; border: 1px solid transparent;
        }
        .button.primary { background-color: var(--accent-color); color: white; }
        .button.primary:hover { background-color: var(--accent-color-hover); transform: translateY(-2px); box-shadow: 0 4px 8px rgb