styles.css

/* styles.css */

/* Improved Naming Convention */
.hidden {
    display: none !important;
}

.hidden-visibility {
    visibility: hidden;
}

/* Improved Hover Effect Naming */
.hover-bg-orange-50:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229, 225, 255) !important;
}

.gr-sample-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(37, 56, 133) !important;
}

/* Improved Button Styling */
.button-lg {
    z-index: 14;
    width: 113px;
    height: 30px;
    left: 0;
    top: 0;
    padding: 0;
    cursor: pointer !important;
    background: none rgb(17, 20, 45) !important;
    border: none !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1 !important;
    border-radius: 6px !important;
    transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
    box-shadow: none !important;
}

.button-lg:hover {
    z-index: 14;
    width: 113px;
    height: 30px;
    left: 0;
    top: 0;
    padding: 0;
    cursor: pointer !important;
    background: none rgb(66, 133, 244) !important;
    border: none !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1 !important;
    border-radius: 6px !important;
    transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
    box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
}