/* استايل الأزرار العامة */
.btn-primary {
    background: var(--main-gradient) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 2px 8px #00bcd422;
    font-weight: 600;
    border-radius: 12px;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-primary:hover, .btn-outline-primary:hover {
    background: linear-gradient(90deg, #00bcd4 0%, #7f9cf5 100%) !important;
    box-shadow: 0 4px 16px #00bcd433;
}
.btn-outline-primary {
    color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    background: transparent !important;
    border-radius: 12px;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}