.ppro-y26-c-button {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border: 0;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s ease, transform 0.1s ease;
}

.ppro-y26-c-button--primary {
    background: #111;
    color: #fff;
}

.ppro-y26-c-button--primary:hover {
    background: #333;
}

.ppro-y26-c-button--ghost {
    background: transparent;
    color: #111;
    border: 1px solid #ddd;
}

.ppro-y26-c-button--ghost:hover {
    background: #f5f5f5;
}

.ppro-y26-c-button.is-pressed {
    transform: scale(0.97);
}