.hn-button-effekt-farbe{--hn-padding-x:28px;--hn-padding-y:17px;--hn-gap:20px;--hn-font-size:16px;--hn-radius:999px;--hn-inner-gap:3px;width:fit-content !important;}
.hn-button-effekt-farbe a, .hn-button-effekt-farbe .elementor-button{position:relative !important;display:inline-flex !important;align-items:center !important;width:auto !important;min-width:0 !important;padding:var(--hn-padding-y) var(--hn-padding-x) !important;padding-right:var(--hn-inner-gap) !important;background:currentColor !important;border-radius:var(--hn-radius) !important;overflow:hidden !important;text-decoration:none !important;border:none !important;box-sizing:border-box !important;font-size:var(--hn-font-size) !important;line-height:1 !important;}
.hn-button-effekt-farbe .elementor-button-content-wrapper{position:relative !important;z-index:2 !important;display:inline-flex !important;align-items:center !important;gap:var(--hn-gap) !important;width:auto !important;}
.hn-button-effekt-farbe .elementor-button-text{position:relative !important;z-index:3 !important;color:#ffffff !important;white-space:nowrap !important;transition:color 0.35s ease !important;}
.hn-button-effekt-farbe a::before, .hn-button-effekt-farbe .elementor-button::before{content:"" !important;position:absolute !important;top:var(--hn-inner-gap) !important;right:var(--hn-inner-gap) !important;bottom:var(--hn-inner-gap) !important;width:calc( var(--hn-font-size) + var(--hn-padding-y) + var(--hn-padding-y) - var(--hn-inner-gap) - var(--hn-inner-gap) ) !important;background:#ffffff !important;border-radius:var(--hn-radius) !important;z-index:1 !important;transition:width 0.45s ease !important;}
.hn-button-effekt-farbe a:hover::before, .hn-button-effekt-farbe .elementor-button:hover::before{width:calc(100% - (var(--hn-inner-gap) * 2)) !important;}
.hn-button-effekt-farbe a:hover .elementor-button-text, .hn-button-effekt-farbe .elementor-button:hover .elementor-button-text{color:currentColor !important;}
.hn-button-effekt-farbe .elementor-button-icon{position:relative !important;z-index:3 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:calc( var(--hn-font-size) + var(--hn-padding-y) + var(--hn-padding-y) - var(--hn-inner-gap) - var(--hn-inner-gap) ) !important;height:calc( var(--hn-font-size) + var(--hn-padding-y) + var(--hn-padding-y) - var(--hn-inner-gap) - var(--hn-inner-gap) ) !important;margin:calc(var(--hn-padding-y) * -1) 0 !important;color:currentColor !important;line-height:1 !important;}
.hn-button-effekt-farbe .elementor-button-icon svg{width:1em !important;height:1em !important;display:block !important;fill:currentColor !important;}
.hn-button-effekt-farbe .elementor-button-icon i{color:currentColor !important;font-size:1em !important;line-height:1 !important;}
.hn-button-effekt-weiß{--hn-padding-x:28px;--hn-padding-y:17px;--hn-gap:20px;--hn-font-size:16px;--hn-radius:999px;--hn-inner-gap:3px;width:fit-content !important;}
.hn-button-effekt-weiß a,
.hn-button-effekt-weiß .elementor-button{position:relative !important;display:inline-flex !important;align-items:center !important;width:auto !important;min-width:0 !important;padding:var(--hn-padding-y) var(--hn-padding-x) !important;padding-right:var(--hn-inner-gap) !important;background:#ffffff !important;border-radius:var(--hn-radius) !important;overflow:hidden !important;text-decoration:none !important;border:none !important;box-sizing:border-box !important;font-size:var(--hn-font-size) !important;line-height:1 !important;}
.hn-button-effekt-weiß .elementor-button-content-wrapper{position:relative !important;z-index:2 !important;display:inline-flex !important;align-items:center !important;gap:var(--hn-gap) !important;width:auto !important;}
.hn-button-effekt-weiß .elementor-button-text{position:relative !important;z-index:3 !important;color:currentColor !important;white-space:nowrap !important;transition:color 0.35s ease !important;}
.hn-button-effekt-weiß a::before,
.hn-button-effekt-weiß .elementor-button::before{content:"" !important;position:absolute !important;top:var(--hn-inner-gap) !important;right:var(--hn-inner-gap) !important;bottom:var(--hn-inner-gap) !important;width:calc( var(--hn-font-size) + var(--hn-padding-y) + var(--hn-padding-y) - var(--hn-inner-gap) - var(--hn-inner-gap) ) !important;background:currentColor !important;border-radius:var(--hn-radius) !important;z-index:1 !important;transition:width 0.45s ease !important;}
.hn-button-effekt-weiß a:hover::before,
.hn-button-effekt-weiß .elementor-button:hover::before{width:calc(100% - (var(--hn-inner-gap) * 2)) !important;}
.hn-button-effekt-weiß a:hover .elementor-button-text,
.hn-button-effekt-weiß .elementor-button:hover .elementor-button-text{color:#ffffff !important;}
.hn-button-effekt-weiß .elementor-button-icon{position:relative !important;z-index:3 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:calc( var(--hn-font-size) + var(--hn-padding-y) + var(--hn-padding-y) - var(--hn-inner-gap) - var(--hn-inner-gap) ) !important;height:calc( var(--hn-font-size) + var(--hn-padding-y) + var(--hn-padding-y) - var(--hn-inner-gap) - var(--hn-inner-gap) ) !important;margin:calc(var(--hn-padding-y) * -1) 0 !important;color:#ffffff !important;line-height:1 !important;}
.hn-button-effekt-weiß .elementor-button-icon svg{width:1em !important;height:1em !important;display:block !important;fill:currentColor !important;}
.hn-button-effekt-weiß .elementor-button-icon i {
color: #ffffff !important;
font-size: 1em !important;
line-height: 1 !important;
}