.elementor-35 .elementor-element.elementor-element-afb8e3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#FFD83F;--border-color:#FFD83F;}.elementor-35 .elementor-element.elementor-element-afb8e3f:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-afb8e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-c06d32e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img{border-color:var( --e-global-color-primary );}.elementor-widget-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-35 .elementor-element.elementor-element-c100f4c .hfe-site-logo-container, .elementor-35 .elementor-element.elementor-element-c100f4c .hfe-caption-width figcaption{text-align:center;}.elementor-35 .elementor-element.elementor-element-c100f4c .hfe-site-logo .hfe-site-logo-container img{width:61%;}.elementor-35 .elementor-element.elementor-element-c100f4c .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-35 .elementor-element.elementor-element-c100f4c .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-35 .elementor-element.elementor-element-4283fe3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover,
								.elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );}
							.elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-f2fc05a .menu-item a.hfe-menu-item{padding-left:13px;padding-right:13px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .menu-item a.hfe-sub-menu-item{padding-left:calc( 13px + 20px );padding-right:13px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 13px + 40px );padding-right:13px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 13px + 60px );padding-right:13px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 13px + 80px );padding-right:13px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .menu-item a.hfe-menu-item, .elementor-35 .elementor-element.elementor-element-f2fc05a .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-35 .elementor-element.elementor-element-f2fc05a ul.sub-menu{width:220px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .sub-menu a.hfe-sub-menu-item,
						 .elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .hfe-nav-menu__toggle{margin:0 auto;}.elementor-35 .elementor-element.elementor-element-f2fc05a .menu-item a.hfe-menu-item, .elementor-35 .elementor-element.elementor-element-f2fc05a .sub-menu a.hfe-sub-menu-item{color:#FFD83F;}.elementor-35 .elementor-element.elementor-element-f2fc05a .sub-menu,
								.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown,
								.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown-expandible,
								.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-f2fc05a .sub-menu li.menu-item:not(:last-child),
						.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#FFD83F;border-bottom-width:1px;}.elementor-35 .elementor-element.elementor-element-f2fc05a div.hfe-nav-menu-icon{color:#FFD83F;}.elementor-35 .elementor-element.elementor-element-f2fc05a div.hfe-nav-menu-icon svg{fill:#FFD83F;}.elementor-35 .elementor-element.elementor-element-f922aaa{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-e6861a2 .elementor-button{background-color:#61CE7000;font-family:"Bebas Neue", Sans-serif;font-size:19px;font-weight:500;fill:#000000;color:#000000;}.elementor-35 .elementor-element.elementor-element-e6861a2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-35 .elementor-element.elementor-element-8a4eddf .elementor-button{background-color:#61CE7000;font-family:"Bebas Neue", Sans-serif;font-size:19px;font-weight:500;fill:#000000;color:#000000;}.elementor-35 .elementor-element.elementor-element-8a4eddf .elementor-button-content-wrapper{flex-direction:row;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-c06d32e{--width:25%;}.elementor-35 .elementor-element.elementor-element-4283fe3{--width:50%;}.elementor-35 .elementor-element.elementor-element-f922aaa{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-35 .elementor-element.elementor-element-4283fe3{--width:40%;}.elementor-35 .elementor-element.elementor-element-f922aaa{--width:35%;}}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-c100f4c .hfe-site-logo .hfe-site-logo-container img{width:68%;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-afb8e3f{border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;}.elementor-35 .elementor-element.elementor-element-c06d32e{--width:64%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-35 .elementor-element.elementor-element-c100f4c .hfe-site-logo .hfe-site-logo-container img{width:83%;}.elementor-35 .elementor-element.elementor-element-4283fe3{--width:34%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, .elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-nav-menu__layout-expandible.menu-is-active, .elementor-35 .elementor-element.elementor-element-f2fc05a nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu{margin-top:100px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .hfe-dropdown.menu-is-active{margin-top:100px;}.elementor-35 .elementor-element.elementor-element-f2fc05a .hfe-nav-menu-icon{border-width:1px;padding:0.35em;border-radius:5px;}.elementor-35 .elementor-element.elementor-element-f922aaa{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for button, class: .elementor-element-e6861a2 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glass Button</title>
<style>
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #121212;
    font-family: Arial, sans-serif;
}

.magic-button {
    padding: 1px 2px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #FFD83F, #ea1700, #00ff7c, #00ffd5);
    background-size: 300% 300%;
    box-shadow: 0 4px 15px rgba(0, 198, 255, 0.5), 0 8px 30px rgba(0, 255, 124, 0.3);
    border: 1px solid #FFD83F;
    cursor: pointer;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.magic-button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(45deg);
    transition: all 0.5s ease;
}

.magic-button:hover::before {
    top: -10%;
    left: -10%;
}

.magic-button:hover {
    background-position: 100% 0%;
    box-shadow: 0 6px 20px rgba(0, 198, 255, 0.7), 0 10px 40px rgba(0, 255, 124, 0.5);
    transform: scale(1.05);
    border-color: #00ffd5;
}
</style>
</head>
<body>
<button class="magic-button">Button</button>
</body>
</html>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a4eddf */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glass Button</title>
<style>
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #121212;
    font-family: Arial, sans-serif;
}

.magic-button {
    padding: 1px 2px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #FFD83F, #ea1700, #00ff7c, #00ffd5);
    background-size: 300% 300%;
    box-shadow: 0 4px 15px rgba(0, 198, 255, 0.5), 0 8px 30px rgba(0, 255, 124, 0.3);
    border: 1px solid #FFD83F;
    cursor: pointer;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.magic-button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(45deg);
    transition: all 0.5s ease;
}

.magic-button:hover::before {
    top: -10%;
    left: -10%;
}

.magic-button:hover {
    background-position: 100% 0%;
    box-shadow: 0 6px 20px rgba(0, 198, 255, 0.7), 0 10px 40px rgba(0, 255, 124, 0.5);
    transform: scale(1.05);
    border-color: #00ffd5;
}
</style>
</head>
<body>
<button class="magic-button">Button</button>
</body>
</html>/* End custom CSS */