﻿<style >
.custom-navbar {
    /* background: linear-gradient(to right, #e0c3fc, #8ec5fc); */
    background: linear-gradient(to right, #e0c3fc, #000000);
    direction: rtl;
    border-radius: 30px !important;
    font-size: 18px !important;
    font-weight: bolder !important;
}

.custom-navbar * {
    color: #000 !important;
}

.gradient-btn {
    background: linear-gradient(to right, #fceabb, #f8b500);
    color: black;
    border: none;
    font-weight: bold !important;
    transition: all 0.3s ease;
    border-radius: 20px 20px 20px 20px !important;
}

    .gradient-btn:hover {
        background: linear-gradient(to right, #f8b500, #fceabb);
        color: white;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

</style >
