/* PRIMARY */
.btn-outline-primary {
    color: var(--connie-orange) !important;
    border-color: var(--connie-orange) !important;
    border-radius: 8px;
    opacity: 0.9;
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        opacity 0.25s ease,
        transform 0.2s ease;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--connie-orange) !important;
    border-color: var(--connie-orange) !important;
    border-radius: 8px;
    opacity: 0.9;
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        opacity 0.25s ease,
        transform 0.2s ease;
}

/* SECONDARY */
.btn-outline-secondary {
    color: var(--connie-gray) !important;
    border-color: var(--connie-gray) !important;
    border-radius: 8px;
    opacity: 0.9;
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        opacity 0.25s ease,
        transform 0.2s ease;
}

.btn-secondary {
    color: #fff !important;
    background-color: var(--connie-gray) !important;
    border-color: var(--connie-gray) !important;
    border-radius: 8px;
    opacity: 0.9;
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        opacity 0.25s ease,
        transform 0.2s ease;
}

.note {
    font-size: 14px;
    color: #333333;
    font-style: italic;
}

label.required::after {
    content: " *";
    color: red;
}