.primary {
    background-color: var(--dxds-color-surface-primary-default-rest);
    border: var(--DS-border-radius-10) solid var(--dxds-color-surface-primary-default-active);
    color: white !important;
}

.secondary {
    background-color: var(--primary-background-color);
    border: var(--DS-border-radius-10) solid var(--DS-color-border-neutral-default-rest);
}

.success {
    background-color: var(--success-color);
    border: var(--DS-border-radius-10) solid var(--success-border-color);
    color: white !important;
}

.info {
    background-color: var(--info-color);
    border: var(--DS-border-radius-10) solid var(--info-border-color);
    color: white !important;
}

.warning {
    background-color: var(--warning-color);
    border: var(--DS-border-radius-10) solid var(--warning-border-color);
    color: white !important;
}

.danger {
    background-color: var(--error-color);
    border: var(--DS-border-radius-10) solid var(--error-border-color);
    color: white !important;
}