.vd-button,
.submit-button {
    background: linear-gradient(45deg, #FF6F61, #FF3D3D)!important; /* Gradient background */
    color: #fff;
    margin-top: 20px;
    padding: 15px!important;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease; /* Smooth transition */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)!important; /* Subtle shadow for depth */
}

.vd-button:hover,
.submit-button:hover {
    background: linear-gradient(45deg, #E65A54, #D13F3F)!important; /* Slightly darker gradient */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15)!important; /* Increase shadow for hover effect */
    transform: translateY(-3px); /* Lift button slightly */
}

/* Optional active state */
.vd-button:active,
.submit-button:active {
    transform: translateY(0px); /* Bring back to original position */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)!important; /* Reduce shadow */
}
