/* Normal button state */
.visform button,
.visform input[type="submit"],
.visform input[type="reset"] {
    background-color: #1a73e8 !important;   /* normal background */
    color: #ffffff !important;               /* text color */
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: 0.3s ease-in-out;
}

/* Hover state */
.visform button:hover,
.visform input[type="submit"]:hover,
.visform input[type="reset"]:hover {
    background-color: #155ab3 !important;   /* darker on hover */
    cursor: pointer;
}

/* Active (mouse click) state */
.visform button:active,
.visform input[type="submit"]:active,
.visform input[type="reset"]:active {
    background-color: #0d3d80 !important;   /* even darker when clicking */
}

/* All VisForm input fields */
.visform input[type="text"],
.visform input[type="email"],
.visform input[type="number"],
.visform select,
.visform textarea {
    background-color: #ffffff !important;     /* field background */
    color: #333333 !important;                /* text color */
    font-size: 15px !important;               /* text size */
    border: 2px solid #1a73e8 !important;     /* box border */
    border-radius: 6px !important;            /* rounded corners */
    padding: 10px 12px !important;            /* size inside box */
}