/* Reject Button Variant */
.btn-reject {
    background-color: var(--sys-color-negative-default);
    color: var(--sys-color-negative-text);
    border-color: var(--sys-color-negative-default);
}

.btn-reject:hover {
    background-color: var(--sys-color-negative-hover);
    border-color: var(--sys-color-negative-hover);
    color: var(--sys-color-negative-text);
}

.btn-reject:active {
    background-color: var(--sys-color-negative-active);
    border-color: var(--sys-color-negative-active);
    color: var(--sys-color-negative-text);
}

.btn-reject:focus-visible {
    outline-color: var(--sys-color-negative-default);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.btn-reject:disabled {
    background-color: var(--sys-color-interactive-disabled);
    border-color: var(--sys-color-interactive-disabled);
    color: var(--sys-color-text-subtle);
}

/* Reject outline variant */
.btn-reject-outline {
    background-color: transparent;
    color: var(--sys-color-negative-default);
    border-color: var(--sys-color-negative-default);
}

.btn-reject-outline:hover {
    background-color: var(--sys-color-negative-default);
    color: var(--sys-color-negative-text);
    border-color: var(--sys-color-negative-default);
}

.btn-reject-outline:active {
    background-color: var(--sys-color-negative-active);
    color: var(--sys-color-negative-text);
    border-color: var(--sys-color-negative-active);
}

/* Reject ghost variant */
.btn-reject-ghost {
    background-color: transparent;
    color: var(--sys-color-negative-default);
    border-color: transparent;
}

.btn-reject-ghost:hover {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--sys-color-negative-hover);
}

.btn-reject-ghost:active {
    background-color: rgba(239, 68, 68, 0.2);
    color: var(--sys-color-negative-active);
}