.elementor-kit-5{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#222222;--e-global-color-text:#A8A8A8;--e-global-color-accent:#151515;--e-global-typography-primary-font-family:"Rosarivo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Rosarivo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rosarivo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rosarivo";--e-global-typography-accent-font-weight:500;background-color:#151515;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );line-height:1.2em;}.elementor-kit-5 h1{color:#FFFFFF;line-height:1.2em;}.elementor-kit-5 h2{color:#FFFFFF;line-height:1.2em;}.elementor-kit-5 h3{color:#FFFFFF;font-size:1.2em;}.elementor-kit-5 h4{color:#FFFFFF;font-size:22px;line-height:1.2em;}.elementor-kit-5 h5{color:#FFFFFF;line-height:1.2em;}.elementor-kit-5 h6{color:#FFFFFF;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Base Styles (Unchanged) */
#tattoo-mask-btn.mask-container .elementor-button {
    background: #ffffff !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    position: relative;
    z-index: 1;
}

#tattoo-mask-btn.mask-container .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #151515 !important; 
    -webkit-mask: url("/wp-content/uploads/2026/02/urban-sprite-scaled.png");
    mask: url("/wp-content/uploads/2026/02/urban-sprite-scaled.png");
    -webkit-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    z-index: -1;
}

/* 2. FIXED HOVER: Triggered ONLY when hovering the button itself */
#tattoo-mask-btn.mask-container .elementor-button:hover::before {
    -webkit-animation: mask-play 0.7s steps(29) forwards;
    animation: mask-play 0.7s steps(29) forwards;
}

#tattoo-mask-btn.mask-container .elementor-button:hover {
    color: #151515 !important; /* Text turns dark only when button is touched */
}

/* 3. Smooth Return (Remains on the button) */
#tattoo-mask-btn.mask-container .elementor-button:not(:hover)::before {
    -webkit-animation: mask-reverse 0.7s steps(29) forwards;
    animation: mask-reverse 0.7s steps(29) forwards;
}

/* Animation Keyframes (Keep these as they are) */
@keyframes mask-play {
  from { -webkit-mask-position: 0 0; mask-position: 0 0; }
  to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}

@keyframes mask-reverse {
  from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
  to { -webkit-mask-position: 0 0; mask-position: 0 0; }
}

/* Gravity Form Fields */
.gform-theme--framework .gform_body , .gform-theme--framework .gfield_label, .gform-theme--framework .gform_confirmation_message, .gform-theme--framework .gfield_description{
    color:#fff!important;
}

.gform-theme--framework .gform_footer input[type="submit"].gform_button { 
    --gf-ctrl-btn-bg-color-primary: #fff;
    color:#000!important;
    text-transform:uppercase!important;
    
}

.gform-theme--framework .gform_footer input[type="submit"]:hover.gform_button { 
    background:#eee!important;
    color:#000!important;
    
}

label {
    color: #fff !important;
}/* End custom CSS */