.action-btn {
    display: inline-block;
    width: auto;
    padding: 0.375rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #fff !important;
    background-color: #2A3F61;
    border: 1px solid #0e2442;
    border-radius: 0.155rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.action-btn:hover {
    border-color: #0e2442;
    background-color: #0e2442;
}

.action-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(14,36,66, 0.25);
}

.action-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.action-btn-rounded {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #0e2442 !important;
    background-color: rgba(14, 36, 66, 0.2);
    border: 1px solid rgba(14, 36, 66, 0.2);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.action-btn-rounded:hover {
    background-color: #0e2442;
    border-color: #0e2442;
    color: #fff !important;
}

.action-btn-rounded:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(14, 36, 66, 0.25);
}

.action-btn-rounded:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.secondary-btn {
    display: inline-block;
    width: auto;
    padding: 0.375rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #1f2937 !important;
    background-color: #e5e7eb;
    border: 1px solid #e5e7eb;
    border-radius: 0.155rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.secondary-btn:hover {
    background-color: #d1d5db;
    border-color: #d1d5db;
}

.secondary-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(229, 231, 235, 0.6);
}

.secondary-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.secondary-btn-rounded {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #1f2937 !important;
    background-color: rgba(229, 231, 235, 0.6);
    border: 1px solid rgba(229, 231, 235, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.secondary-btn-rounded:hover {
    background-color: #e5e7eb;
    border-color: #e5e7eb;
    color: #111827 !important;
}

.secondary-btn-rounded:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(229, 231, 235, 0.6);
}

.secondary-btn-rounded:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Primary Button */
.primary-button {
    display: inline-block;
    width: auto;
    padding: 0.375rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #fff !important;
    background-color: #007bff;
    border: 1px solid #007bff;
    border-radius: 0.155rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.primary-button:hover {
    background-color: #0056b3;
    border-color: #004a99;
}

.primary-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
}

.primary-button:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.primary-button-rounded {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #007bff !important;
    background-color: rgba(0, 123, 255, 0.2);
    border: 1px solid rgba(0, 123, 255, 0.2);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.primary-button-rounded:hover {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff !important;
}

.primary-button-rounded:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
}

.primary-button-rounded:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}





/* Cancel Button */
.cancel-btn {
    display: inline-block;
    width: auto;
    padding: 0.375rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #fff !important;
    background-color: #a94442;
    border: 1px solid #a94442;
    border-radius: 0.155rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.cancel-btn:hover {
    background-color: #8a3635;
    border-color: #732b2a;
}

.cancel-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(169, 68, 66, 0.25);
}

.cancel-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}


/* Warning Button */
.warning-btn {
    display: inline-block;
    width: auto;
    padding: 0.375rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #212121 !important;
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
    border-radius: 0.155rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.warning-btn:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

.warning-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
}

.warning-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.warning-btn-rounded {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0.88rem;
    color: #f0ad4e !important;
    background-color: rgba(240, 173, 78, 0.2);
    border: 1px solid #f0ad4e;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.warning-btn-rounded:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: #212121 !important;
}

.warning-btn-rounded:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
}

.warning-btn-rounded:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}