/*
 Theme Name:   Hello Elementor Child - Pro ID
 Template:     hello-elementor
 Author:       Pro ID Developer
 */

/* Paste your proid css.txt content below */

.childernrelations .jet-listing-grid__item > div, .jet-listing-dynamic-repeater__item{
	width:100% !important;
}

/* update button */
.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button {  
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);  
    background-size: 300% 100%;  
    color: #fff;  
    border: 2px solid #d93025;  
    border-radius: 10px;  
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;  
    font-size: var(--e-global-typography-f892087-font-size);  
    font-weight: var(--e-global-typography-f892087-font-weight);  
    text-transform: var(--e-global-typography-f892087-text-transform);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(217, 48, 37, 0.6);  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(217, 48, 37, 0.8);  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button:hover::before {  
    opacity: 0.6;  
}  

/* update profile button */
.elementor-400 .elementor-element.elementor-element-9dd9f64 .jet-form-builder__action-button {  
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);  
    background-size: 300% 100%;  
    color: #fff;  
    border: 2px solid #d93025;  
    border-radius: 10px;  
    font-family: "Montserrat", Sans-serif;  
    font-size: 1.2em;  
    font-weight: bold;  
    text-transform: uppercase;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(217, 48, 37, 0.6);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
}  

.elementor-400 .elementor-element.elementor-element-9dd9f64 .jet-form-builder__action-button:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(217, 48, 37, 0.8);  
}  

.elementor-400 .elementor-element.elementor-element-9dd9f64 .jet-form-builder__action-button::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.elementor-400 .elementor-element.elementor-element-9dd9f64 .jet-form-builder__action-button:hover::before {  
    opacity: 0.6;  
}  

/* create category btn*/
.elementor-button-1s {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: white !important;
	
    border: 2px solid #d93025;
    border-radius: 10px !important;
	margin-top: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 10px 20px;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.6),
      0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.elementor-button-1s:hover {
    background-position: 100% 0;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 6px 12px rgba(217, 48, 37, 0.8);
}

.elementor-button-1s::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.elementor-button-1s:hover::before {
    opacity: 0.6;
}

/*proid finder update button */
.elementor-83 .elementor-element.elementor-element-d254b4b .jet-form-builder__action-button {  
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);  
    background-size: 300% 100%;  
    color: #fff;  
    border: 2px solid #d93025;  
    border-radius: 10px;  
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;  
    font-size: var(--e-global-typography-f892087-font-size);  
    font-weight: var(--e-global-typography-f892087-font-weight);  
    text-transform: var(--e-global-typography-f892087-text-transform);  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(217, 48, 37, 0.6);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
}  

.elementor-83 .elementor-element.elementor-element-d254b4b .jet-form-builder__action-button:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(217, 48, 37, 0.8);  
}  

.elementor-83 .elementor-element.elementor-element-d254b4b .jet-form-builder__action-button::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.elementor-83 .elementor-element.elementor-element-d254b4b .jet-form-builder__action-button:hover::before {  
    opacity: 0.6;  
}  

/* continue update form button */
.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__next-page {  
    background: linear-gradient(135deg, #1e90ff, #00bfff, #1c86ee, #00ced1);  
    background-size: 300% 100%;  
    color: #fff;  
    border: 2px solid #1e90ff;  
    border-radius: 5px;  
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;  
    font-size: var(--e-global-typography-f892087-font-size);  
    font-weight: var(--e-global-typography-f892087-font-weight);  
    text-transform: var(--e-global-typography-f892087-text-transform);  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(30, 144, 255, 0.6);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
    border-style: solid;  
    border-width: 2px;  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__next-page:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(30, 144, 255, 0.8);  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__next-page::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__next-page:hover::before {  
    opacity: 0.6;  
}  

/*back button previous page */
.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__prev-page {  
    background: linear-gradient(135deg, #1e90ff, #00bfff, #1c86ee, #00ced1);  
    background-size: 300% 100%;  
    color: #fff;  
    border: 2px solid #1e90ff;  
    border-radius: 5px;  
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;  
    font-size: var(--e-global-typography-f892087-font-size);  
    font-weight: var(--e-global-typography-f892087-font-weight);  
    text-transform: var(--e-global-typography-f892087-text-transform);  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(30, 144, 255, 0.6);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
    border-style: solid;  
    border-width: 2px;  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__prev-page:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(30, 144, 255, 0.8);  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__prev-page::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__prev-page:hover::before {  
    opacity: 0.6;
}  

/* add new product button */
.jet-form-builder-repeater .jet-form-builder-repeater__actions .jet-form-builder-repeater__new {  
    background: linear-gradient(135deg, #2e7d32, #4caf50, #388e3c, #66bb6a);  
    background-size: 300% 100%;  
    color: #fff !important;  
    border: 2px solid #2e7d32;  
    border-radius: 5px;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(46, 125, 50, 0.6);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px;  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
    border-style: solid;  
    border-width: 2px;  
    font-weight: bold;  
}  

.jet-form-builder-repeater .jet-form-builder-repeater__actions .jet-form-builder-repeater__new:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(46, 125, 50, 0.8);  
}  

.jet-form-builder-repeater .jet-form-builder-repeater__actions .jet-form-builder-repeater__new::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.jet-form-builder-repeater .jet-form-builder-repeater__actions .jet-form-builder-repeater__new:hover::before {  
    opacity: 0.6;  
}  

/* notice on login page */
.login .custom-message {
    border-left: 4px solid #00a0d2;
    background-color: #fff36b;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

/* delete unused notification */
element.style {
    margin-top: 10px;
    padding: 8px;
    border-radius: 4px;
    font-weight: 500;
    background-color: rgb(212, 237, 218);
    color: rgb(21, 87, 36);
    font-size: 13px;
    border-radius: 10px;
    text-align: center;
}

/* send location */
/* Target the specific button ID */  
#send-location-button-680746ab5225d {  
    padding: 8px 15px;  
    font-size: 14px;  
    color: white;  
    border: none;  
    border-radius: 10px; /* Adjusted for smoother corners */  
    cursor: pointer;  
    margin-top: 5px;  
    display: inline-block; /* Changed to inline-block to allow proper styling */  
    background-image: linear-gradient(  
        to right,  
        #c72c41, /* Dark Red */  
        #ff3e3e, /* Bright Red */  
        #ff6363  /* Light Red */  
    ); /* Gradient effect */  
    box-shadow: 0 4px 15px rgba(255, 99, 71, 0.6); /* Subtle shadow for depth */  
    transition: background-position 0.4s ease-in-out; /* Transition for the background */  
}  

/* Hover effect for gradient animation */  
#send-location-button-680746ab5225d:hover {  
    background-position: 100% 0; /* Allows for a slight animation on hover */  
}  

/* Focus effect */  
#send-location-button-680746ab5225d:focus {  
    outline: none; /* Remove default outline on focus */  
}  

/* update proid kid button */
/* update button */
.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button,
.elementor-386253 .elementor-element.elementor-element-4362c2a .jet-form-builder__action-button {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 10px 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button:hover,
.elementor-386253 .elementor-element.elementor-element-4362c2a .jet-form-builder__action-button:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(217, 48, 37, 0.8);
}

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button::before,
.elementor-386253 .elementor-element.elementor-element-4362c2a .jet-form-builder__action-button::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.elementor-83 .elementor-element.elementor-element-935e2e6 .jet-form-builder__action-button:hover::before,
.elementor-386253 .elementor-element.elementor-element-4362c2a .jet-form-builder__action-button:hover::before {
    opacity: 0.6;
}

/* proceed to checkout button */
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff !important;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 1em 2em;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(217, 48, 37, 0.8);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 1;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover::before,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover::before {
    opacity: 0.6;
}

/*paypal button */
.paypal-button-row.paypal-button-layout-vertical .paypal-button {
    background: linear-gradient(135deg, #ffe066, #ffd700, #ffba08, #fff9ae);
    background-size: 300% 100%;
    color: #5a4500 !important;
    border: 2px solid #ffd700;
    border-radius: 10px;
    font-size: 1.15em;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 1em 2em;
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 4px 8px rgba(255, 215, 0, 0.25);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

/* Hover effect: animate gradient and enhance glow */
.paypal-button-row.paypal-button-layout-vertical .paypal-button:hover {
    background-position: 100% 0;
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 200, 0.77),
        0 6px 12px rgba(255, 215, 0, 0.36);
}

/* Shimmer/glassy highlight effect */
.paypal-button-row.paypal-button-layout-vertical .paypal-button::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.30), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 2;
}

/* Show shimmer highlight on hover */
.paypal-button-row.paypal-button-layout-vertical .paypal-button:hover::before {
    opacity: 0.55;
}

/* add to basket */
.elementor-16241 .elementor-element.elementor-element-2936dde .elementor-button {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff !important;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    line-height: var(--e-global-typography-f892087-line-height);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 14px 26px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.6),
        0 4px 8px rgba(217,48,37,0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Hover Effect: animate gradient + stronger shadow */
.elementor-16241 .elementor-element.elementor-element-2936dde .elementor-button:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.9),
        0 6px 12px rgba(217,48,37,0.8);
}

/* Optional: animated shimmer/glassy highlight */
.elementor-16241 .elementor-element.elementor-element-2936dde .elementor-button::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 1;
}

.elementor-16241 .elementor-element.elementor-element-2936dde .elementor-button:hover::before {
    opacity: 0.6;
}

/*order button elementor form */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"] {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff !important;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    line-height: var(--e-global-typography-f892087-line-height);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 12px 24px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Hover effect: animate gradient + stronger glows */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(217, 48, 37, 0.8);
}

/* Optional: glass highlight */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 1;
}

/* Show highlight on hover */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"] {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff !important;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    line-height: var(--e-global-typography-f892087-line-height);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 12px 24px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Hover effect: animate gradient + stronger glows */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(217, 48, 37, 0.8);
}

/* Optional: glass highlight */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 1;
}

/* Show highlight on hover */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"] {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff !important;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    line-height: var(--e-global-typography-f892087-line-height);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 12px 24px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Hover effect: animate gradient + stronger glows */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(217, 48, 37, 0.8);
}

/* Optional: glass highlight */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 1;
}

/* Show highlight on hover */
.elementor-257422 .elementor-element.elementor-element-83bab2d .elementor-button[type="submit"]:hover::before {
    opacity: 0.6;
}
/*hide map popup noti */
#map-popup {
    display: none;
}

/*download qr code button *
 */
/* Target the specific button using the provided selector */
#e-n-accordion-item-2240 > div > div.elementor-element.elementor-element-47464f7.elementor-widget.elementor-widget-shortcode > div > div > button {
    background-color: #F3F3F3;
    font-family: "Montserrat", Sans-serif;
	width: 100% !important;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3A3A3A; /* Changed 'fill' to 'color' for button text */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 1px;
    border-color: #A7A7A7;
    border-radius: 20px;
    padding: 10px;
}

/* log in effect button */
.elementor-320 .elementor-element.elementor-element-baf2866 .elementor-button {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347); /* Gradient background */
    background-size: 300% 100%; /* Allow for animated background shifts */
    color: #fff; /* Text color */
    border: 2px solid #d93025; /* Border color */
    border-radius: 10px; /* Rounded corners */
    font-family: "Montserrat", Sans-serif; /* Font family */
    font-size: 1.2em; /* Font size */
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Uppercase text */
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6), /* Inner shadow */
      0 4px 8px rgba(217, 48, 37, 0.6); /* Outer shadow */
    transition: background-position 0.5s ease, box-shadow 0.3s ease; /* Transition for background and shadow */
    padding: 10px 20px; /* Padding */
    cursor: pointer; /* Pointer cursor on hover */
    position: relative; /* Position relative for the pseudo-element */
    overflow: hidden; /* Contain child elements */
    text-align: center; /* Center the text */
}

/* Hover effects */
.elementor-320 .elementor-element.elementor-element-baf2866 .elementor-button:hover {
    background-position: 100% 0; /* Animate background on hover */
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9), /* Brighter shadow on hover */
      0 6px 12px rgba(217, 48, 37, 0.8); /* Enhanced outer shadow */
}

/* Pseudo-element for the glow effect */
.elementor-320 .elementor-element.elementor-element-baf2866 .elementor-button::before {
    content: ""; /* Required for pseudo-element */
    position: absolute; /* Position absolutely within the button */
    top: -40%; /* Positioning above the button */
    left: -50%; /* Positioning to the left of the button */
    width: 200%; /* Width greater than button to create a glow effect */
    height: 200%; /* Height greater than button to create a glow effect */
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%); /* Radial gradient for the glow */
    transform: rotate(45deg); /* Rotate for style */
    pointer-events: none; /* Do not block interactions */
    transition: opacity 0.5s ease; /* Smooth transition for opacity */
    opacity: 0; /* Start transparent */
}

/* Show glow on hover */
.elementor-320 .elementor-element.elementor-element-baf2866 .elementor-button:hover::before {
    opacity: 0.6; /* Fade in the overlay on hover */
}

/*create new product button */
#your-button-id {  /* Replace 'your-button-id' with the actual button ID */
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff;  
    border: 2px solid #d93025;  
    border-radius: 10px;  
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;  
    font-size: var(--e-global-typography-f892087-font-size);  
    font-weight: var(--e-global-typography-f892087-font-weight);  
    text-transform: var(--e-global-typography-f892087-text-transform);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(217, 48, 37, 0.6);  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;
}

#your-button-id:hover {  /* For hover states */
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(217, 48, 37, 0.8);
}

#your-button-id::before {  /* Pseudo-element before */
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}

#your-button-id:hover::before {  /* Hover state for the pseudo-element */
    opacity: 0.6;  
}

/* update product button */
.elementor-264590 .elementor-element.elementor-element-7ac0860 .jet-form-builder__action-button {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);  /* Gradient background */
    background-size: 300% 100%;  /* Size of the background */
    color: #FFFFFF;  /* Text color */
    border: 2px solid #d93025;  /* Border color */
    border-radius: 10px;  /* Rounded corners */
    font-family: "Montserrat", Sans-serif;  /* Font family */
    font-size: 1.2em;  /* Font size */
    font-weight: bold;  /* Bold font */
    text-transform: uppercase;  /* Uppercase text */
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  /* Transition effects */
    padding: 10px 20px;  /* Padding for the button */
    box-shadow:  
        inset 0 1px 0 rgba(255, 255, 255, 0.6),  /* Inset shadow */
        0 4px 8px rgba(217, 48, 37, 0.6);  /* Outer shadow */
    cursor: pointer;  /* Pointer cursor on hover */
    position: relative;  /* For absolute positioning of pseudo-elements */
    overflow: hidden;  /* Hide overflow */
    text-align: center;  /* Center the text */
}

.elementor-264590 .elementor-element.elementor-element-7ac0860 .jet-form-builder__action-button:hover {
    background-position: 100% 0;  /* Change background position on hover */
    box-shadow:  
        inset 0 1px 0 rgba(255, 255, 255, 0.9),  /* Lighter inset shadow */
        0 6px 12px rgba(217, 48, 37, 0.8);  /* Altered outer shadow */
}

.elementor-264590 .elementor-element.elementor-element-7ac0860 .jet-form-builder__action-button::before {
    content: "";  /* Pseudo-element before the button */
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}

.elementor-264590 .elementor-element.elementor-element-7ac0860 .jet-form-builder__action-button:hover::before {
    opacity: 0.6;  /* Show the radial gradient effect on hover */
}



.elementor-71 .elementor-element.elementor-element-6b49480 .elementor-button {
    background-color: #F3F3F3;
    font-family: "Montserrat", Sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    fill: #3A3A3A;
    color: #3A3A3A;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #A7A7A7;
    border-radius: 20px !important;
    padding: 10px 10px 10px 10px;
}

.elementor-71 .elementor-element.elementor-element-0a95037 .elementor-button {
    background-color: #F3F3F3;
    font-family: "Montserrat", Sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    fill: #3A3A3A;
    color: #3A3A3A;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #A7A7A7;
    border-radius: 20px !important;
    padding: 10px 10px 10px 10px;
}

.elementor-71 .elementor-element.elementor-element-fb69b49 .elementor-button {
    background-color: var( --e-global-color-text );
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    fill: var( --e-global-color-484ad2b );
    color: var( --e-global-color-484ad2b );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-2393164 );
    border-radius: 20px !important;
    padding: 10px 10px 10px 10px;
}

/*create shop item category button */
.create-category-button-1 {  
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);  
    background-size: 300% 100%;  
    color: #ffffff !important;  
    border: 2px solid #d93025;  
    border-radius: 10px !important;  
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;  
	margin-top: 10px;
    font-size: var(--e-global-typography-f892087-font-size);  
    font-weight: var(--e-global-typography-f892087-font-weight);  
    text-transform: var(--e-global-typography-f892087-text-transform);  
    transition: background-position 0.5s ease, box-shadow 0.3s ease;  
    padding: 10px 20px;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.6),  
      0 4px 8px rgba(217, 48, 37, 0.6);  
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    text-align: center;  
}  

.create-category-button-1:hover {  
    background-position: 100% 0;  
    box-shadow:  
      inset 0 1px 0 rgba(255, 255, 255, 0.9),  
      0 6px 12px rgba(217, 48, 37, 0.8);  
}  

.create-category-button-1::before {  
    content: "";  
    position: absolute;  
    top: -40%;  
    left: -50%;  
    width: 200%;  
    height: 200%;  
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);  
    transform: rotate(45deg);  
    pointer-events: none;  
    transition: opacity 0.5s ease;  
    opacity: 0;  
}  

.create-category-button-1:hover::before {  
    opacity: 0.6;  
}

/* download qr code button */
/* Targeting the download QR button */
.download-qr-button.elementor-button.elementor-size-sm {
    font-family: "Montserrat", Sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3A3A3A; /* Text color */
    background-color: #F3F3F3; /* Background color */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #A7A7A7; /* Solid border */
    border-radius: 20px; /* Rounded corners */
    padding: 10px; /* Padding */
}

.download-qr-button.elementor-button.elementor-size-sm {
    font-family: "Montserrat", Sans-serif;
    font-size: 19px;
    font-weight: bold;
	margin-top: -19px;
    text-transform: uppercase;
    color: #3A3A3A;
    background-color: #F3F3F3;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #A7A7A7;
    border-radius: 20px;
    padding: 10px;
    width: 100%;
}

.elementor-394869 .elementor-element.elementor-element-6d388ff.elementor-element {
    --align-self: center;
    --order: 99999 /* order end hack */;
    width: 100%;
}

/* listing grid not full width */
.jet-listing-grid__items>.jet-listing-grid__item {
    max-width: calc(300% / var(--columns));
    flex: 0 0 calc(100% / var(--columns));
    /* width: 100% !important; */
}
.elementor .jet-listing-grid__item:nth-child(1) .edit-button-1:nth-child(3) .jet-listing-dynamic-link__link {
    padding-bottom: 7px;
    padding-top: 7px;
    /* border-color: #523e3e; */
}

.elementor .jet-listing-grid__item:nth-child(1) .edit-button-1:nth-child(3) .jet-listing-dynamic-link__link {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
}

/* apply all button */
.elementor-394869 .elementor-element.elementor-element-294a6a3 .elementor-button {
    background-color: var( --e-global-color-text );
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    fill: var( --e-global-color-484ad2b );
    color: var( --e-global-color-484ad2b );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-2393164 );
    border-radius: 20px !important;
    padding: 10px 10px 10px 10px;
}

/*add to cart button */
/* * Custom styles for the me.proid.vn Add-to-Cart Shortcode Button
 * This also hides the default "View Cart" link after adding a product.
 */

/* 1. Hide the "View Cart" link that appears after adding to cart */
a.added_to_cart.wc-forward {
    display: none !important;
}


/**
 * Custom styles for the [me_proid_add_to_cart_button] shortcode button
 * and the #proid-create-wc-product element.
 */

.me-proid-shiny-button,
#proid-create-wc-product {
  /* Gradient background and sizing for animation */
  background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
  background-size: 300% 100%;

  /* Text and font styling */
  color: #fff;
  font-family: "Montserrat", Sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;

  /* Border and shape */
  border: 2px solid #d93025;
  border-radius: 10px;
  padding: 10px 20px;

  /* Shadows for depth */
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 4px 8px rgba(217, 48, 37, 0.6);

  /* Transitions for hover effects */
  transition: background-position 0.5s ease, box-shadow 0.3s ease;

  /* Required for pseudo-elements */
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block; /* Ensures proper layout for anchor/button tags */
  text-decoration: none; /* Removes underline from links */
}

.me-proid-shiny-button:hover,
#proid-create-wc-product:hover {
  /* Animate the background gradient on hover */
  background-position: 100% 0;

  /* Enhance the shadow on hover */
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 6px 12px rgba(217, 48, 37, 0.8);
}

/* Creates the shiny glare effect */
.me-proid-shiny-button::before,
#proid-create-wc-product::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
  transform: rotate(45deg);
  pointer-events: none; /* Allows clicks to go through the element */
  transition: opacity 0.5s ease;
  opacity: 0;
}

/* Makes the glare visible on hover */
.me-proid-shiny-button:hover::before,
#proid-create-wc-product:hover::before {
  opacity: 0.6;
}

/* more options button */
.elementor-394869 .elementor-element.elementor-element-41bc664 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
    background-color: var( --e-global-color-d25c2d7 );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-383b460 );
    border-radius: 20px;
	margin-top: 10px
}


/* edit form proid web */
.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-title>.gutena-accordion-block__panel-title-inner h6 {
    font-size: var(--gutena--accordion-panel-title-font-size,var(--wp--custom--typography--font-size--hsix));
    line-height: var(--gutena--accordion-panel-title-line-height,var(--wp--custom--typography--line-height--hsix));
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}


/*apply all button */
.elementor-394869 .elementor-element.elementor-element-294a6a3 .elementor-button {
    background-color: var( --e-global-color-text );
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    fill: var( --e-global-color-484ad2b );
    color: var( --e-global-color-484ad2b );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-2393164 );
    border-radius: 20px !important;
    padding: 10px 10px 10px 10px;
    width: 100%;
}

/* submit button for web user */
/* Targeting the button with the specified class */
.jet-form-builder__action-button.update_pro_id_button_1.jet-form-builder__submit.submit-type-reload {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: white !important;
    border: 2px solid #d93025;
    border-radius: 10px !important;
    margin-top: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 10px 20px;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.6),
      0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Hover effect for the button */
.jet-form-builder__action-button.update_pro_id_button_1.jet-form-builder__submit.submit-type-reload:hover {
    background-position: 100% 0;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 6px 12px rgba(217, 48, 37, 0.8);
}

/* Before pseudo-element for the button */
.jet-form-builder__action-button.update_pro_id_button_1.jet-form-builder__submit.submit-type-reload::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

/* Hover effect for the before pseudo-element */
.jet-form-builder__action-button.update_pro_id_button_1.jet-form-builder__submit.submit-type-reload:hover::before {
    opacity: 0.6;
}

/* pro id web listing button */
.elementor-396832 .elementor-element.elementor-element-616418a .elementor-button {
    background-color: #F3F3F3;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    fill: #3A3A3A;
    color: #3A3A3A;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #A7A7A7;
    border-radius: 20px 20px 20px 20px;
    padding: 10px 10px 10px 10px;
    width: 100%;
}

.elementor-396832 .elementor-element.elementor-element-bbfcd2e.elementor-element {
    --align-self: center;
    --order: 99999 /* order end hack */;
    width: 100%;
}

.elementor-395316 .elementor-element.elementor-element-939738a .jet-listing-dynamic-link__link {
    font-size: 14px;
    width: 100%;
}

.elementor-395316 .elementor-element.elementor-element-b442a10 .jet-listing-dynamic-link__link {
    font-size: 14px;
    width: 100%;
}

/* update product button */
.jet-form-builder__action-button.edit-button-1.jet-form-builder__submit.submit-type-reload {
    background: linear-gradient(135deg, #d93025, #ff4436, #b22222, #ff6347);
    background-size: 300% 100%;
    color: #fff;
    border: 2px solid #d93025;
    border-radius: 10px;
    font-family: var(--e-global-typography-f892087-font-family), Sans-serif;
    font-size: var(--e-global-typography-f892087-font-size);
    font-weight: var(--e-global-typography-f892087-font-weight);
    text-transform: var(--e-global-typography-f892087-text-transform);
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    padding: 10px 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 4px 8px rgba(217, 48, 37, 0.6);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.jet-form-builder__action-button.edit-button-1.jet-form-builder__submit.submit-type-reload:hover {
    background-position: 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(217, 48, 37, 0.8);
}

.jet-form-builder__action-button.edit-button-1.jet-form-builder__submit.submit-type-reload::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent 60%);
    transform: rotate(45deg);
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.jet-form-builder__action-button.edit-button-1.jet-form-builder__submit.submit-type-reload:hover::before {
    opacity: 0.6;
}



element.style {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #ffffff00;
    color: #161616;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    font-family: sans-serif;
    transition: 0.3s;
    font-size: 14px;
    font-family: 'Montserrat';
}