.pony-button .button,
.button.pony-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: var(--pony-radius-pill);
    background: linear-gradient(90deg, var(--pony-gold), var(--pony-gold-light));
    color: #21180d;
    font-weight: 600;
    box-shadow: none;
}

.pony-button .button:hover,
.button.pony-button:hover { box-shadow: var(--pony-shadow-sm); transform: translateY(-2px); }

.pony-button--dark .button,
.button.pony-button--dark { background: var(--pony-black); color: var(--pony-white); }

.pony-button--outline .button,
.button.pony-button--outline { background: transparent; color: currentColor; border: 1px solid currentColor; }