.kfw-ele-widget-magnetic-button-main{width:200px}.kfw-ele-widget-magnetic-button-main .kfw-ele-widget-button-wrap{width:100%;display:inline-block}.kfw-ele-widget-magnetic-button{position:relative;margin:auto;width:100%;max-width:200px;height:200px;background:var(--kinfw-white-color);border:1px solid var(--kinfw-primary-color);transform:translate3d(0,0,0);text-decoration:none;font-family:var(--kinfw-primary-font-family);font-weight:500;font-size:16px;transition-delay:0.6s;overflow:hidden;display:flex;border-radius:50%;justify-content:center;align-items:center;flex-direction:column}.kfw-ele-widget-magnetic-button:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--kinfw-primary-color);border-radius:50% 50% 0 0;transform:translateY(100%) scaleY(.5);transition:.6s}.kfw-ele-widget-magnetic-button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--kinfw-white-color);border-radius:0;transform:translateY(0) scaleY(1);transition:.6s}.kfw-ele-widget-magnetic-button .kfw-elementor-button-text{position:relative;top:0;width:100%;height:60px;font-size:20px;line-height:60px;overflow:hidden}.kfw-ele-widget-magnetic-button .kfw-elementor-button-text span{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;text-align:center;transition:transform .5s}.kfw-ele-widget-magnetic-button .kfw-elementor-button-text span:first-child{color:var(--kinfw-white-color);transform:translateY(50px)}.kfw-ele-widget-magnetic-button .kfw-elementor-button-text span:last-child{color:#1e0f21;transform:translateY(0)}.kfw-ele-widget-magnetic-button:hover{background:var(--kinfw-primary-color);transition:background .2s linear 0.6s}.kfw-ele-widget-magnetic-button:hover:after{border-radius:0 0 50% 50%;transform:translateY(-100%) scaleY(.5);transition-delay:0}.kfw-ele-widget-magnetic-button:hover:before{border-radius:0;transform:translateY(0) scaleY(1);transition-delay:0}.kfw-ele-widget-magnetic-button:hover .kfw-elementor-button-text span:first-child{transform:translateY(0)}.kfw-ele-widget-magnetic-button:hover .kfw-elementor-button-text span:last-child{transform:translateY(-50px)}.kfw-ele-widget-magnetic-button img{position:relative;z-index:1;margin:20px 0 0}.kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap{position:absolute;top:53%;z-index:1;color:var(--kinfw-primary-color);transition:.5s}.kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap svg.e-font-icon-svg{fill:var(--kinfw-primary-color);transition:.5s}.kfw-ele-widget-magnetic-button:hover .kfw-elementor-icon-wrap{color:var(--kinfw-white-color)}.kfw-ele-widget-magnetic-button:hover .kfw-elementor-icon-wrap svg.e-font-icon-svg{fill:var(--kinfw-white-color)}.kfw-ele-widget-button-icon-position-bottom .kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap{position:absolute;top:57%}.kfw-ele-widget-button-icon-position-bottom .kfw-ele-widget-magnetic-button .kfw-elementor-button-text{top:-5px}.kfw-ele-widget-button-icon-position-top .kfw-ele-widget-magnetic-button{flex-direction:column-reverse}.kfw-ele-widget-button-icon-position-top .kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap{position:absolute;bottom:55%;top:auto}.kfw-ele-widget-button-icon-position-top .kfw-ele-widget-magnetic-button .kfw-elementor-button-text{top:10px}.kfw-ele-widget-button-icon-position-left .kfw-ele-widget-magnetic-button{flex-direction:row-reverse}.kfw-ele-widget-button-icon-position-left .kfw-ele-widget-magnetic-button .kfw-elementor-button-text,.kfw-ele-widget-button-icon-position-right .kfw-ele-widget-magnetic-button .kfw-elementor-button-text{width:calc(100% - 40%)}.kfw-ele-widget-button-icon-position-left .kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap{position:relative;top:-6px;margin-right:10px}.kfw-ele-widget-button-icon-position-right .kfw-ele-widget-magnetic-button{flex-direction:row}.kfw-ele-widget-button-icon-position-right .kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap{position:relative;top:-6px;margin-left:10px}.kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap i,.kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap svg.e-font-icon-svg{width:1em;height:1em;position:relative;display:block}.kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap i:before,.kfw-ele-widget-magnetic-button .kfw-elementor-icon-wrap svg.e-font-icon-svg:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}