.elementor-10 .elementor-element.elementor-element-f88bb9c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-10 .elementor-element.elementor-element-4f3fd60 img{width:10rem;}.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-menu-toggle{margin:0 auto;}.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-nav-menu .elementor-item{font-family:"Bubblegum Sans", Sans-serif;font-size:1.3rem;}.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-10 .elementor-element.elementor-element-14fb06d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-button{background-color:var( --e-global-color-defaa69 );font-size:1.3rem;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-button:focus{background-color:#02010100;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for theme-site-logo, class: .elementor-element-4f3fd60 */.elementor-10 .elementor-element.elementor-element-4f3fd60 {
    mix-blend-mode: darken;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ff2f992 */.elementor-10 .elementor-element.elementor-element-ff2f992 {
    position: relative;
}
.elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-widget-container::after {
    pointer-events: none;
    content: '';
    display: grid;
    background-size: contain;
    height: 60%;
    inset: 20% 0 10% 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position-x: center;
    z-index: 1;
    background-image: url(https://thecomixshop.com/wp-content/uploads/2025/02/bang.svg);
    place-content: center;
    opacity: 0;
    transition: all .2s;

    
animation-timing-function: cubic-bezier(0.42, 0, .9, .4); /* ease-in */
}

.elementor-10 .elementor-element.elementor-element-ff2f992:hover .elementor-widget-container::after {
    transform: scale(3.3);
    opacity: 1;
}

.elementor-10 .elementor-element.elementor-element-ff2f992 .elementor-button-text {
    z-index: 2;
}


/* Or apply the rotation directly without hover */
.js-rotate .elementor-widget-container::after {
    rotate:var(--rotation-angle); /* Use the CSS variable */
    
  filter: hue-rotate(var(--hue-rotation, 0)); /* Apply hue-rotate filter */
}/* End custom CSS */