.btn.btn-primary-gradient {
    background: linear-gradient(135deg, #a157fc, #84c8fd);
    border: none;
    padding: 10px 22px;
    color: #fff;
    border-radius: 25px;
    font-weight: normal;
    transition: all 0.3s ease;
}


   .btn.btn-primary-gradient:hover {
        transform: translateY(-3px) scale(1.03);
        box-shadow: 0 10px 25px rgba(132, 200, 253, 0.35), 0 4px 10px rgba(161, 87, 252, 0.25);
        background: linear-gradient(135deg, #b67cff, #9ad8ff);
    }

    .btn.btn-primary-gradient:active {
        transform: translateY(0px) scale(0.98);
        box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    }