/* Button Base Styles */
.btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    text-decoration: none !important;
}

.btn:hover {
    text-decoration: none !important;
    opacity: 0.9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.btn:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transform: translateY(0);
}

.btn i {
    margin-right: 6px;
    vertical-align: middle;
}

/* Success Button (Green) - Matches live site */
.btn-success {
    color: #fff !important;
    background-color: #00d134 !important;
    border-color: #00b02c !important;
    background-image: linear-gradient(rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}

.btn-success:hover {
    background-color: #00bc2f !important;
}

/* Info Button (Blue) - Matches live site */
.btn-info {
    color: #fff !important;
    background-color: #4287f5 !important;
    border-color: #3676e0 !important;
    background-image: linear-gradient(rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}

.btn-info:hover {
    background-color: #3a7be0 !important;
}

/* Danger Button (Red) - Matches live site */
.btn-danger {
    color: #fff !important;
    background-color: #ed2405 !important;
    border-color: #d11f04 !important;
    background-image: linear-gradient(rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}

.btn-danger:hover {
    background-color: #d42004 !important;
}

/* Primary Button (Dark Blue) - Alternative for primary actions */
.btn-primary {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    background-image: linear-gradient(to bottom, #0088ff, #007bff);
}

.btn-primary:hover {
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

/* White text for icons in these buttons */
.btn i.white, .btn i.fa {
    color: #fff !important;
}