.elementor-8380 .elementor-element.elementor-element-eda689c{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:4000;}.elementor-8380 .elementor-element.elementor-element-eda689c:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-eda689c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8F0;}.elementor-8380 .elementor-element.elementor-element-eda689c::before, .elementor-8380 .elementor-element.elementor-element-eda689c > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-eda689c > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-eda689c > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-eda689c > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-eda689c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-ea006e8{--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-3375bc9{--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-3375bc9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8380 .elementor-element.elementor-element-6104daa{text-align:start;}.elementor-8380 .elementor-element.elementor-element-6104daa .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:30px;font-weight:700;text-shadow:1px 1px 0px #FFD8AA;color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8380 .elementor-element.elementor-element-6eb4334 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-6eb4334 .elementor-icon-wrapper{text-align:center;}.elementor-8380 .elementor-element.elementor-element-6eb4334.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-6eb4334.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-6eb4334.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-6eb4334.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-6eb4334.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-6eb4334 .elementor-icon{font-size:55px;}.elementor-8380 .elementor-element.elementor-element-6eb4334 .elementor-icon svg{height:55px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d{width:100%;max-width:100%;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:1px;--e-nav-menu-divider-color:#8A64F6;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d > .elementor-widget-container{background-color:var( --e-global-color-5e6d772 );margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.09) inset;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-menu-toggle{margin:0 auto;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:1px;font-weight:500;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main .elementor-item:hover, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-4a269ad );fill:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-menu-toggle{color:var( --e-global-color-963b9b7 );fill:var( --e-global-color-963b9b7 );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown{background-color:var( --e-global-color-4a269ad );border-style:solid;border-color:var( --e-global-color-e551bab );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a:hover, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a:focus, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a.highlighted, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-menu-toggle:hover, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-menu-toggle:focus{color:var( --e-global-color-e551bab );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a:hover, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a:focus, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-e551bab );background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown .elementor-item, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Unbounded", Sans-serif;font-weight:400;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#424242;border-bottom-width:1px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d div.elementor-menu-toggle{color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-2946274{--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-8380 .elementor-element.elementor-element-19ad987 > .elementor-widget-container{margin:0px 0px 0px 110px;padding:0px 0px 0px 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-8380 .elementor-element.elementor-element-b247a81 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(187deg, #61CE7000 0%, #D0A59700 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:11px 11px 11px 11px;padding:22px 18px 19px 18px;}.elementor-8380 .elementor-element.elementor-element-b247a81 > .elementor-widget-container{padding:0px 0px 1px 0px;}.elementor-8380 .elementor-element.elementor-element-b247a81.elementor-element{--align-self:flex-end;}.elementor-8380 .elementor-element.elementor-element-b247a81 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8380 .elementor-element.elementor-element-b247a81 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-18f8cfe{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:4000;}.elementor-8380 .elementor-element.elementor-element-18f8cfe:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-18f8cfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8F0;}.elementor-8380 .elementor-element.elementor-element-18f8cfe::before, .elementor-8380 .elementor-element.elementor-element-18f8cfe > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-18f8cfe > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-18f8cfe > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-18f8cfe > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-18f8cfe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-e810be7{--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-232cae9{--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-232cae9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-0061576{text-align:start;}.elementor-8380 .elementor-element.elementor-element-0061576 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:30px;font-weight:700;text-shadow:1px 1px 0px #FFD8AA;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-e21be1f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-e21be1f .elementor-icon-wrapper{text-align:center;}.elementor-8380 .elementor-element.elementor-element-e21be1f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-e21be1f.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-e21be1f.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-e21be1f.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-e21be1f.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-e21be1f .elementor-icon{font-size:55px;}.elementor-8380 .elementor-element.elementor-element-e21be1f .elementor-icon svg{height:55px;}.elementor-8380 .elementor-element.elementor-element-6223630{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-5be89fb{width:100%;max-width:100%;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:1px;--e-nav-menu-divider-color:#8A64F6;}.elementor-8380 .elementor-element.elementor-element-5be89fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:15px 15px 15px 15px;}.elementor-8380 .elementor-element.elementor-element-5be89fb.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-menu-toggle{margin:0 auto;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:1px;font-weight:500;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main .elementor-item:hover, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main .elementor-item.highlighted, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-4a269ad );fill:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-menu-toggle{color:var( --e-global-color-4a269ad );fill:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown{background-color:#8766E7;border-style:solid;border-color:var( --e-global-color-5343bcc );}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a:hover, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a:focus, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a.highlighted, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-menu-toggle:hover, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-menu-toggle:focus{color:var( --e-global-color-e551bab );}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a:hover, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a:focus, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-e551bab );background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown .elementor-item, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Unbounded", Sans-serif;font-weight:300;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#9A77FD;border-bottom-width:1px;}.elementor-8380 .elementor-element.elementor-element-5be89fb div.elementor-menu-toggle{color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-5be89fb div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(187deg, #61CE7000 0%, #D0A59700 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:11px 11px 11px 11px;padding:22px 18px 19px 18px;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 > .elementor-widget-container{padding:0px 0px 1px 0px;}.elementor-8380 .elementor-element.elementor-element-c8f7b16.elementor-element{--align-self:flex-end;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-2416f0a{--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;--justify-content:flex-start;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-2416f0a:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-2416f0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFCFB;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8380 .elementor-element.elementor-element-2416f0a::before, .elementor-8380 .elementor-element.elementor-element-2416f0a > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-2416f0a > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-2416f0a > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-2416f0a > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-2416f0a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-9c74b51{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-9c74b51.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-2b47221{--display:flex;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-2b47221.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-4744c6a{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-4744c6a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-4744c6a .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:41px;font-weight:800;line-height:53px;letter-spacing:0.5px;color:var( --e-global-color-c03d05e );}.elementor-8380 .elementor-element.elementor-element-4d5935b{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-4d5935b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-4d5935b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:500;line-height:38px;color:#484848;}.elementor-8380 .elementor-element.elementor-element-3ffd310{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-e89d160 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:20px;font-weight:500;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:22px 22px 22px 22px;padding:44px 30px 44px 30px;}.elementor-8380 .elementor-element.elementor-element-e89d160.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-192db6a .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:1px;font-weight:500;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:22px 22px 22px 22px;padding:44px 30px 44px 30px;}.elementor-8380 .elementor-element.elementor-element-192db6a.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-49e8bf6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-49e8bf6.elementor-element{--align-self:flex-start;}.elementor-8380 .elementor-element.elementor-element-cab4691{--display:flex;}.elementor-8380 .elementor-element.elementor-element-0fb75ae > .elementor-widget-container{background-color:#FFFFFF;margin:-70px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-0fb75ae.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-0fb75ae .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-8380 .elementor-element.elementor-element-a29e75d{--display:flex;--min-height:0px;--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#9575F0;--border-color:#9575F0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-a29e75d:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-a29e75d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-8380 .elementor-element.elementor-element-a29e75d::before, .elementor-8380 .elementor-element.elementor-element-a29e75d > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-a29e75d > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-a29e75d > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-a29e75d > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-a29e75d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-8af3b0c{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-8af3b0c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-ucaddon_marquee .ue_marquee{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8380 .elementor-element.elementor-element-5f73d4e .ue_marquee{background-color:#825FE8;font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;padding:18px 0px 20px 0px;border-radius:0px;}.elementor-8380 .elementor-element.elementor-element-5f73d4e .marquee_text-container{animation-duration:90s;}.elementor-8380 .elementor-element.elementor-element-5f73d4e .ue_marquee,.elementor-8380 .elementor-element.elementor-element-5f73d4e .ue_marquee a{color:#E7DEFF;}.elementor-8380 .elementor-element.elementor-element-c2486cc{--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;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-c2486cc:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-c2486cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-c2486cc::before, .elementor-8380 .elementor-element.elementor-element-c2486cc > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-c2486cc > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-c2486cc > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-c2486cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-c2486cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-a1bcf9c{--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;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9575F0;--border-color:#9575F0;--border-radius:25px 25px 25px 25px;box-shadow:0px 15px 25px 0px rgba(0, 0, 0, 0.13);--padding-top:35px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8380 .elementor-element.elementor-element-a1bcf9c:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-a1bcf9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-7877809{--display:flex;}.elementor-8380 .elementor-element.elementor-element-7877809.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-4846b37{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-4846b37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-4846b37 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:39px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-9819d72 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-9819d72 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;line-height:28px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-d5f3330 > .elementor-widget-container{margin:-4px 0px 0px 0px;padding:0px 0px 15px 0px;}.elementor-8380 .elementor-element.elementor-element-d5f3330 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;line-height:28px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-e97e2fd > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-e97e2fd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;line-height:28px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-533e0cf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-533e0cf > .elementor-widget-container{margin:-4px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-533e0cf.elementor-element{--align-self:flex-start;}.elementor-8380 .elementor-element.elementor-element-533e0cf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;line-height:28px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-36cfd33{--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8380 .elementor-element.elementor-element-4764eff{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(19.1121074960633, 13.265342725670855, 67.05557861328126, 0.18) inset;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-4764eff:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-4764eff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E39851F;}.elementor-8380 .elementor-element.elementor-element-38ffb06{--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;}.elementor-8380 .elementor-element.elementor-element-26fd187 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-30170eb{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-735061a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-846e793 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-846e793.elementor-element{--align-self:stretch;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8380 .elementor-element.elementor-element-7834c39{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-d6f2530{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-3094914 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-f18130b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-f18130b.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-b72555e{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-8966604{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-8966604 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-8966604 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-8966604 {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-8966604 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-8966604 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-95fded3{--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;}.elementor-8380 .elementor-element.elementor-element-aa77d6c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-ec80c61{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-b1b1f19 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-e941e36 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-e941e36.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-fa3133f{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-c1717f6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-ea186d1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-76d51df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-76d51df.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-801e062{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-845d85c{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-845d85c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-845d85c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-845d85c {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-845d85c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-845d85c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-b39bec6{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(19.1121074960633, 13.265342725670855, 67.05557861328126, 0.18) inset;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-b39bec6:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-b39bec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E39851F;}.elementor-8380 .elementor-element.elementor-element-6362d11{--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;}.elementor-8380 .elementor-element.elementor-element-931845c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-725242a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-52b1b77 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-2f41d94 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-2f41d94.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-9227225{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-1077401{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-40e932c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-95f9c04 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-95f9c04.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-17613cf{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-4702af5{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-e8f86c1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-3bf1e2a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-3bf1e2a.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-b971618{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-5c928ab{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-5c928ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-5c928ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-5c928ab {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-5c928ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-5c928ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-eeae103{--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;}.elementor-8380 .elementor-element.elementor-element-7914766 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-b908f0f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-14983cc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-3f63535 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-3f63535.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-a9c0c44{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-866954a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-e1358da .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-3e2ec9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-3e2ec9d.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-0d435b7{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-9d3049f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-e314c4c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-204a6ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-204a6ec.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-8e2bc7e{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-27cf1ba{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-27cf1ba > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-27cf1ba > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-27cf1ba {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-27cf1ba > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-27cf1ba > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-648588f{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(19.1121074960633, 13.265342725670855, 67.05557861328126, 0.18) inset;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-648588f:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-648588f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E39851F;}.elementor-8380 .elementor-element.elementor-element-6e5168e{--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;}.elementor-8380 .elementor-element.elementor-element-2e6295a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-2006d30{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-66e6485 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-3040bd2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-3040bd2.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-7280a93{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-a5ebfca{--display:flex;}.elementor-8380 .elementor-element.elementor-element-888405d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-ecc727f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-ecc727f.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-2c9aad9{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-811c4e2{--display:flex;}.elementor-8380 .elementor-element.elementor-element-f6f7e7c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-4217623 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-4217623.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-da84b5b{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-cdacb19{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-cdacb19 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-cdacb19 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-cdacb19 {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-cdacb19 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-cdacb19 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-4572692{--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;}.elementor-8380 .elementor-element.elementor-element-c665aae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-c62a99b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-3938b1d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-0386eee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-0386eee.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-971627f{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-a8905d8{--display:flex;}.elementor-8380 .elementor-element.elementor-element-df9b39a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-16aefea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-16aefea.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-2c49bf3{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-6b7bd11{--display:flex;}.elementor-8380 .elementor-element.elementor-element-6c68337 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-7746fef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-7746fef.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-c35cddb{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-71008ae{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-71008ae > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-71008ae > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-71008ae {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-71008ae > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-71008ae > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-7374ba6{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(19.1121074960633, 13.265342725670855, 67.05557861328126, 0.18) inset;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-7374ba6:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-7374ba6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E39851F;}.elementor-8380 .elementor-element.elementor-element-f864129{--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;}.elementor-8380 .elementor-element.elementor-element-da6a63a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-396684f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-176e7c5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-45de98e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-45de98e.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-071f27e{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-4aad56c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-6a5c0c2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-1a3204d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-1a3204d.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-8904938{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-76b9e34{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-76b9e34 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-76b9e34 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-76b9e34 {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-76b9e34 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-76b9e34 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-745a60a{--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;}.elementor-8380 .elementor-element.elementor-element-3c3a69b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-e3d61b4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-e51f023 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-9a81507 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-9a81507.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-7c88719{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-da8070f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8380 .elementor-element.elementor-element-578d1d6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-846849f .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #A280F4 0%, #704FD2 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#563F90;border-radius:15px 15px 15px 15px;padding:30px 0px 30px 0px;}.elementor-8380 .elementor-element.elementor-element-846849f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-846849f.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-be5f778{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#EFEFEF;}.elementor-8380 .elementor-element.elementor-element-3880313{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:3px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:15px;}.elementor-8380 .elementor-element.elementor-element-3880313 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:radial-gradient(at center left, #8A64F6 0%, #6C4BCC33 100%);}.elementor-8380 .elementor-element.elementor-element-3880313 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-3880313 {--n-accordion-padding:16px 15px 16px 15px;}:where( .elementor-8380 .elementor-element.elementor-element-3880313 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-8380 .elementor-element.elementor-element-3880313 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-a4aabef{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:3px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:var( --e-global-color-963b9b7 );--n-tabs-title-color-active:#68543B;--n-tabs-icon-color:var( --e-global-color-5476313 );}.elementor-8380 .elementor-element.elementor-element-a4aabef.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFD8AA;box-shadow:0px 0px 8px 0px #715028 inset;}.elementor-8380 .elementor-element.elementor-element-a4aabef.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-8380 .elementor-element.elementor-element-a4aabef.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFD8AA;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5) inset;}.elementor-8380 .elementor-element.elementor-element-a4aabef.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 1px 3px 0px #462C90 inset;}.elementor-8380 .elementor-element.elementor-element-a4aabef.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-8380 .elementor-element.elementor-element-a4aabef [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#272046;}.elementor-8380 .elementor-element.elementor-element-b267280{--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;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-b267280:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-b267280 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-b267280::before, .elementor-8380 .elementor-element.elementor-element-b267280 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-b267280 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-b267280 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-b267280 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-b267280 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-9e18782{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-around;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9575F0;--border-color:#9575F0;--border-radius:25px 25px 25px 25px;box-shadow:0px 15px 25px 0px rgba(0, 0, 0, 0.13);--padding-top:35px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8380 .elementor-element.elementor-element-9e18782:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-9e18782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-9e18782::before, .elementor-8380 .elementor-element.elementor-element-9e18782 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-9e18782 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-9e18782 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-9e18782 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-9e18782 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-69d00cf{--display:flex;}.elementor-8380 .elementor-element.elementor-element-69d00cf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-9732718{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-9732718.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-9732718 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:39px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-9d1a3de .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-fdb4c81 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-fdb4c81 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;line-height:28px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-d40ec55{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-8380 .elementor-element.elementor-element-d40ec55 > .elementor-widget-container{background-color:var( --e-global-color-5e6d772 );margin:-4px 0px 0px 0px;padding:11px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#BA9FFF;border-radius:15px 15px 15px 15px;}.elementor-8380 .elementor-element.elementor-element-d40ec55.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-d40ec55 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:24px;color:#EAEAEA;}.elementor-8380 .elementor-element.elementor-element-0010c72{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-8380 .elementor-element.elementor-element-0010c72 > .elementor-widget-container{background-color:var( --e-global-color-5e6d772 );background-image:url("https://xn--h1ahbg0aq0c.xn--p1ai/wp-content/uploads/2026/05/vosklznak.png");margin:-4px 0px 0px 0px;padding:11px 15px 14px 15px;background-position:308px -3px;background-repeat:no-repeat;background-size:contain;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4a269ad );border-radius:15px 15px 15px 15px;}.elementor-8380 .elementor-element.elementor-element-0010c72.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-0010c72 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:24px;color:#EAEAEA;}.elementor-8380 .elementor-element.elementor-element-cac6492{--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;--justify-content:flex-start;}.elementor-8380 .elementor-element.elementor-element-cac6492.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-baca264 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-513afdf{--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;--overlay-opacity:0.09;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-513afdf:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-513afdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-513afdf::before, .elementor-8380 .elementor-element.elementor-element-513afdf > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-513afdf > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-513afdf > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-513afdf > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-513afdf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-513afdf.e-con{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-de1be62{--display:flex;}.elementor-8380 .elementor-element.elementor-element-ff96f8a{--display:flex;}.elementor-8380 .elementor-element.elementor-element-ff96f8a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-1116222{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;text-align:center;}.elementor-8380 .elementor-element.elementor-element-1116222.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-1116222 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:40px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-1d5ee9c > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-8857e79{--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;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-8857e79:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-8857e79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-8857e79::before, .elementor-8380 .elementor-element.elementor-element-8857e79 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-8857e79 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-8857e79 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-8857e79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-8857e79 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-b9a55ce{--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;--align-items:flex-start;--border-radius:25px 25px 25px 25px;--padding-top:35px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8380 .elementor-element.elementor-element-b9a55ce:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-b9a55ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-530d2fa{--display:flex;}.elementor-8380 .elementor-element.elementor-element-530d2fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-31324cb{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;text-align:center;}.elementor-8380 .elementor-element.elementor-element-31324cb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-31324cb .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:40px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-20ac1f7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8380 .elementor-element.elementor-element-20ac1f7 > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-8380 .elementor-element.elementor-element-20ac1f7.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-20ac1f7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:500;line-height:38px;color:var( --e-global-color-963b9b7 );}.elementor-8380 .elementor-element.elementor-element-54c68db{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-a62cc8d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-a62cc8d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-8380 .elementor-element.elementor-element-9b83d5d{width:100%;max-width:100%;}.elementor-8380 .elementor-element.elementor-element-9b83d5d > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;background-image:linear-gradient(180deg, #8A64F6 0%, #6B4CC6 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#EFCEBC3B;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.29) inset;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-8380 .elementor-element.elementor-element-9b83d5d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:26px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-title{margin-block-end:13px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-stacked .elementor-icon{background-color:#6B4CC6;fill:#FFD8AA;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-default .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-framed .elementor-icon{background-color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-default:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-9b83d5d.elementor-view-default:has(:focus) .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon{font-size:31px;padding:19px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-title a{font-family:"Unbounded", Sans-serif;font-size:22px;font-weight:500;line-height:32px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d:has(:hover) .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-9b83d5d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-7f8a24e{width:100%;max-width:100%;}.elementor-8380 .elementor-element.elementor-element-7f8a24e > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;background-image:linear-gradient(180deg, #8A64F6 0%, #6B4CC6 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#EFCEBC3B;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.29) inset;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-8380 .elementor-element.elementor-element-7f8a24e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:26px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-title{margin-block-end:13px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-stacked .elementor-icon{background-color:#6B4CC6;fill:#FFD8AA;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-default .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-framed .elementor-icon{background-color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-framed:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-default:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-framed:has(:focus) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-7f8a24e.elementor-view-default:has(:focus) .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon{font-size:31px;padding:19px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-title a{font-family:"Unbounded", Sans-serif;font-size:22px;font-weight:500;line-height:32px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e:has(:hover) .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-7f8a24e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-d5ce641{width:100%;max-width:100%;}.elementor-8380 .elementor-element.elementor-element-d5ce641 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;background-image:linear-gradient(180deg, #8A64F6 0%, #6B4CC6 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#EFCEBC3B;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.29) inset;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-8380 .elementor-element.elementor-element-d5ce641.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:26px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-title{margin-block-end:13px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-stacked .elementor-icon{background-color:#6B4CC6;fill:#FFD8AA;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-default .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-framed .elementor-icon{background-color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-framed:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-default:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-framed:has(:focus) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-d5ce641.elementor-view-default:has(:focus) .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon{font-size:31px;padding:19px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-title a{font-family:"Unbounded", Sans-serif;font-size:22px;font-weight:500;line-height:32px;}.elementor-8380 .elementor-element.elementor-element-d5ce641:has(:hover) .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-d5ce641:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-f22950b{width:100%;max-width:100%;}.elementor-8380 .elementor-element.elementor-element-f22950b > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;background-image:linear-gradient(180deg, #8A64F6 0%, #6B4CC6 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#EFCEBC3B;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.29) inset;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-8380 .elementor-element.elementor-element-f22950b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:26px;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-title{margin-block-end:13px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-stacked .elementor-icon{background-color:#6B4CC6;fill:#FFD8AA;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-default .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-framed .elementor-icon{background-color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-default:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-framed:has(:focus) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-f22950b.elementor-view-default:has(:focus) .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon{font-size:31px;padding:19px;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-title a{font-family:"Unbounded", Sans-serif;font-size:22px;font-weight:500;line-height:32px;}.elementor-8380 .elementor-element.elementor-element-f22950b:has(:hover) .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-f22950b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-825b52b{width:100%;max-width:100%;}.elementor-8380 .elementor-element.elementor-element-825b52b > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;background-image:linear-gradient(180deg, #8A64F6 0%, #6B4CC6 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#EFCEBC3B;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.29) inset;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-8380 .elementor-element.elementor-element-825b52b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:26px;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-title{margin-block-end:13px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-stacked .elementor-icon{background-color:#6B4CC6;fill:#FFD8AA;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-default .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-framed .elementor-icon{background-color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-default:has(:hover) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-framed:has(:focus) .elementor-icon, .elementor-8380 .elementor-element.elementor-element-825b52b.elementor-view-default:has(:focus) .elementor-icon{fill:#6B4CC6;color:#6B4CC6;border-color:#6B4CC6;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon{font-size:31px;padding:19px;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-title a{font-family:"Unbounded", Sans-serif;font-size:22px;font-weight:500;line-height:32px;}.elementor-8380 .elementor-element.elementor-element-825b52b:has(:hover) .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-825b52b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-1c7494e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .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-8380 .elementor-element.elementor-element-1b3dccf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-1b3dccf img{width:100%;}.elementor-8380 .elementor-element.elementor-element-45e11c2{--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;--justify-content:center;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A789FB;--border-color:#A789FB;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-45e11c2:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-45e11c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7655D6;}.elementor-8380 .elementor-element.elementor-element-45e11c2::before, .elementor-8380 .elementor-element.elementor-element-45e11c2 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-45e11c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-45e11c2 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-45e11c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-45e11c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-7ce9cba{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;text-align:center;}.elementor-8380 .elementor-element.elementor-element-7ce9cba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-7ce9cba .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:40px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-2f263de{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8380 .elementor-element.elementor-element-2f263de > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-8380 .elementor-element.elementor-element-2f263de.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-2f263de .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:400;line-height:32px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-cecd084{--display:flex;}.elementor-8380 .elementor-element.elementor-element-eac4a34 > .elementor-widget-container{background-color:var( --e-global-color-16ae220 );margin:-4px 0px 15px 0px;padding:15px 20px 17px 20px;border-radius:15px 15px 15px 15px;}.elementor-8380 .elementor-element.elementor-element-eac4a34.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-eac4a34.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-eac4a34 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:24px;color:#EAEAEA;}.elementor-8380 .elementor-element.elementor-element-6845f62 > .elementor-widget-container{margin:0px 30px 0px 30px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-2687a73{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8380 .elementor-element.elementor-element-2cccf85.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-f7e7c41{--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;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-f7e7c41:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-f7e7c41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-f7e7c41::before, .elementor-8380 .elementor-element.elementor-element-f7e7c41 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-f7e7c41 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-f7e7c41 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-f7e7c41 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-f7e7c41 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-f8814f1{--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;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9575F0;--border-color:#9575F0;--border-radius:25px 25px 25px 25px;box-shadow:0px 15px 25px 0px rgba(0, 0, 0, 0.13);--padding-top:35px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8380 .elementor-element.elementor-element-f8814f1:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-f8814f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8A64F6;}.elementor-8380 .elementor-element.elementor-element-ecff722{--display:flex;}.elementor-8380 .elementor-element.elementor-element-ecff722.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-044be62{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;text-align:start;}.elementor-8380 .elementor-element.elementor-element-044be62.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-044be62 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:40px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-bcfdb48 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-bcfdb48 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;line-height:28px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-68937fa{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-68937fa > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-68937fa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;line-height:28px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-b5fe601{--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;--justify-content:flex-start;}.elementor-8380 .elementor-element.elementor-element-b5fe601.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-pagination-bullet-active, .elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-pagination-progressbar-fill{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-pagination-fraction{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-main-swiper .swiper-slide{border-width:0px 0px 0px 0px;border-color:var( --e-global-color-329caec );padding:35px 35px 35px 35px;}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-swiper-button{font-size:20px;color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-swiper-button svg{fill:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;height:8px;width:8px;}.elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-horizontal .swiper-pagination-progressbar{height:8px;}.elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#5E43AF;opacity:1;}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__content, .elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__content:after{background-color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__content{padding:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_left .elementor-testimonial__footer, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-top:20px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_above .elementor-testimonial__footer, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_inline .elementor-testimonial__footer, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{padding:0 20px 0 20px;}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__text{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__name{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__title{color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__image img{width:40px;height:40px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_left .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (40px / 2) - 8px );}body:not(.rtl) .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, body:not(.rtl) .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (40px / 2) - 8px );right:auto;}body.rtl .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, body.rtl .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (40px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (40px / 2) - 8px );right:auto;}body.rtl .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (40px / 2) - 8px );left:auto;}.elementor-8380 .elementor-element.elementor-element-bf6eb66{--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;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-bf6eb66:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-bf6eb66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-bf6eb66::before, .elementor-8380 .elementor-element.elementor-element-bf6eb66 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-bf6eb66 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-bf6eb66 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-bf6eb66 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-bf6eb66 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-6d4aa37{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-around;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9575F0;--border-color:#9575F0;--border-radius:25px 25px 25px 25px;box-shadow:0px 15px 25px 0px rgba(0, 0, 0, 0.13);--padding-top:35px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8380 .elementor-element.elementor-element-6d4aa37:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-6d4aa37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#825FE8;}.elementor-8380 .elementor-element.elementor-element-6d4aa37::before, .elementor-8380 .elementor-element.elementor-element-6d4aa37 > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-6d4aa37 > .e-con-inner > .elementor-background-video-container::before, .elementor-8380 .elementor-element.elementor-element-6d4aa37 > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-6d4aa37 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8380 .elementor-element.elementor-element-6d4aa37 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8380 .elementor-element.elementor-element-d0b4044{--display:flex;}.elementor-8380 .elementor-element.elementor-element-d0b4044.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9{width:var( --container-widget-width, 99.442% );max-width:99.442%;--container-widget-width:99.442%;--container-widget-flex-grow:0;text-align:start;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:40px;font-weight:800;line-height:55px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-875e777 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-875e777 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;line-height:28px;color:#FFD8AA;}.elementor-8380 .elementor-element.elementor-element-8013d21{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-8013d21 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-8013d21 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;line-height:28px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-a2401a8{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-a2401a8 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-a2401a8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;line-height:28px;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-repeater-item-1b5ad78.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-repeater-item-1b5ad78.elementor-social-icon i{color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-repeater-item-1b5ad78.elementor-social-icon svg{fill:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-72dce19{--grid-template-columns:repeat(0, auto);--grid-column-gap:15px;}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-widget-container{text-align:left;}.elementor-8380 .elementor-element.elementor-element-72dce19 > .elementor-widget-container{background-color:var( --e-global-color-16ae220 );padding:10px 10px 10px 10px;border-radius:12px 12px 12px 12px;}.elementor-8380 .elementor-element.elementor-element-72dce19.elementor-element{--align-self:flex-start;}.elementor-8380 .elementor-element.elementor-element-72dce19.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-social-icon{border-style:solid;border-color:var( --e-global-color-329caec );}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-icon{border-radius:7px 7px 7px 7px;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-a4f5bb7.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-a4f5bb7.elementor-social-icon i{color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-a4f5bb7.elementor-social-icon svg{fill:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-9e2f928.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-9e2f928.elementor-social-icon i{color:#7655D6;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-9e2f928.elementor-social-icon svg{fill:#7655D6;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-1b5ad78.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-1b5ad78.elementor-social-icon i{color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-repeater-item-1b5ad78.elementor-social-icon svg{fill:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d{--grid-template-columns:repeat(0, auto);--grid-column-gap:15px;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-widget-container{text-align:left;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d > .elementor-widget-container{background-color:var( --e-global-color-16ae220 );padding:10px 10px 10px 10px;border-radius:12px 12px 12px 12px;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d.elementor-element{--align-self:flex-start;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-social-icon{border-style:solid;border-color:var( --e-global-color-329caec );}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-icon{border-radius:7px 7px 7px 7px;}.elementor-8380 .elementor-element.elementor-element-eefeda1{--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;--justify-content:flex-start;}.elementor-8380 .elementor-element.elementor-element-eefeda1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-669a22c{--display:flex;}.elementor-8380 .elementor-element.elementor-element-9cd5931{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-094a8fa{--display:flex;}.elementor-8380 .elementor-element.elementor-element-c9cc194{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-4d59daf{--display:flex;}.elementor-8380 .elementor-element.elementor-element-41b1437{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-c991104{--display:flex;}.elementor-8380 .elementor-element.elementor-element-e5d6a7b{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-dadf947{--display:flex;}.elementor-8380 .elementor-element.elementor-element-d45811c{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-3e9934a{--n-accordion-title-font-size:19px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-4a269ad );--n-accordion-title-active-color:var( --e-global-color-4a269ad );--n-accordion-icon-size:17px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-hover-color:var( --e-global-color-4a269ad );--n-accordion-icon-active-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-3e9934a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-3e9934a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:var( --e-global-color-5e6d772 );}.elementor-8380 .elementor-element.elementor-element-3e9934a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-5e6d772 );}:where( .elementor-8380 .elementor-element.elementor-element-3e9934a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#825FE8;--border-radius:10px 10px 10px 10px;--padding-top:22px;--padding-right:22px;--padding-bottom:22px;--padding-left:22px;}.elementor-8380 .elementor-element.elementor-element-3e9934a {--n-accordion-padding:21px 22px 22px 22px;}.elementor-8380 .elementor-element.elementor-element-49382a3{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-49382a3:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-49382a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#664AB7;}.elementor-8380 .elementor-element.elementor-element-5c1317e{--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;--justify-content:center;}.elementor-8380 .elementor-element.elementor-element-1c712ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-1c712ca .elementor-icon-wrapper{text-align:center;}.elementor-8380 .elementor-element.elementor-element-1c712ca.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-1c712ca.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-1c712ca.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-1c712ca.elementor-view-framed .elementor-icon, .elementor-8380 .elementor-element.elementor-element-1c712ca.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-1c712ca .elementor-icon{font-size:118px;}.elementor-8380 .elementor-element.elementor-element-1c712ca .elementor-icon svg{height:118px;}.elementor-8380 .elementor-element.elementor-element-c11299f{text-align:center;}.elementor-8380 .elementor-element.elementor-element-c11299f .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:60px;font-weight:700;text-shadow:1px 1px 0px #FFD8AA;color:#FFFFFF;}.elementor-8380 .elementor-element.elementor-element-224f928.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-85afa54 .elementor-repeater-item-1b5ad78.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-85afa54 .elementor-repeater-item-1b5ad78.elementor-social-icon i{color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-85afa54 .elementor-repeater-item-1b5ad78.elementor-social-icon svg{fill:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-85afa54{--grid-template-columns:repeat(0, auto);--grid-column-gap:15px;}.elementor-8380 .elementor-element.elementor-element-85afa54 .elementor-widget-container{text-align:right;}.elementor-8380 .elementor-element.elementor-element-85afa54 > .elementor-widget-container{background-color:var( --e-global-color-16ae220 );padding:10px 10px 10px 10px;border-radius:12px 12px 12px 12px;}.elementor-8380 .elementor-element.elementor-element-85afa54.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-85afa54.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-85afa54 .elementor-social-icon{border-style:solid;border-color:var( --e-global-color-329caec );}.elementor-8380 .elementor-element.elementor-element-85afa54 .elementor-icon{border-radius:7px 7px 7px 7px;}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-a4f5bb7.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-a4f5bb7.elementor-social-icon i{color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-a4f5bb7.elementor-social-icon svg{fill:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-9e2f928.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-9e2f928.elementor-social-icon i{color:#7655D6;}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-9e2f928.elementor-social-icon svg{fill:#7655D6;}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-1b5ad78.elementor-social-icon{background-color:var( --e-global-color-4a269ad );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-1b5ad78.elementor-social-icon i{color:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-repeater-item-1b5ad78.elementor-social-icon svg{fill:var( --e-global-color-16ae220 );}.elementor-8380 .elementor-element.elementor-element-2807ab4{--grid-template-columns:repeat(0, auto);--grid-column-gap:15px;}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-widget-container{text-align:right;}.elementor-8380 .elementor-element.elementor-element-2807ab4 > .elementor-widget-container{background-color:var( --e-global-color-16ae220 );padding:10px 10px 10px 10px;border-radius:12px 12px 12px 12px;}.elementor-8380 .elementor-element.elementor-element-2807ab4.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-2807ab4.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-social-icon{border-style:solid;border-color:var( --e-global-color-329caec );}.elementor-8380 .elementor-element.elementor-element-2807ab4 .elementor-icon{border-radius:7px 7px 7px 7px;}.elementor-8380 .elementor-element.elementor-element-e156f9a{--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:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-329caec );--border-color:var( --e-global-color-329caec );--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-e156f9a:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-e156f9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#664AB7;}.elementor-8380 .elementor-element.elementor-element-8e4a70a{--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;--justify-content:center;}.elementor-8380 .elementor-element.elementor-element-abe05b8 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-abe05b8{text-align:center;}.elementor-8380 .elementor-element.elementor-element-abe05b8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;color:#E8E8E8;}.elementor-8380 .elementor-element.elementor-element-f57d040 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-f57d040{text-align:center;}.elementor-8380 .elementor-element.elementor-element-f57d040 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;color:#E8E8E8;}.elementor-8380 .elementor-element.elementor-element-3f52a89{width:var( --container-widget-width, 27% );max-width:27%;--container-widget-width:27%;--container-widget-flex-grow:0;text-align:center;}.elementor-8380 .elementor-element.elementor-element-3f52a89 > .elementor-widget-container{background-color:var( --e-global-color-5e6d772 );background-image:url("https://xn--h1ahbg0aq0c.xn--p1ai/wp-content/uploads/2026/05/vosklznak.png");margin:-4px 0px 0px 0px;padding:14px 15px 16px 15px;background-position:center right;background-repeat:no-repeat;background-size:contain;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4a269ad );border-radius:10px 10px 10px 10px;}.elementor-8380 .elementor-element.elementor-element-3f52a89.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-3f52a89.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8380 .elementor-element.elementor-element-3f52a89 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:24px;color:#EAEAEA;}.elementor-8380 .elementor-element.elementor-element-568d77a > .elementor-widget-container{margin:-5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-568d77a.elementor-element{--align-self:center;}body.elementor-page-8380:not(.elementor-motion-effects-element-type-background), body.elementor-page-8380 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D7D7D9;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8380 .elementor-element.elementor-element-3375bc9{--width:287px;}.elementor-8380 .elementor-element.elementor-element-232cae9{--width:287px;}.elementor-8380 .elementor-element.elementor-element-2b47221{--width:63%;}.elementor-8380 .elementor-element.elementor-element-8af3b0c{--width:100%;}.elementor-8380 .elementor-element.elementor-element-7877809{--width:38.304%;}.elementor-8380 .elementor-element.elementor-element-38ffb06{--width:50%;}.elementor-8380 .elementor-element.elementor-element-95fded3{--width:50%;}.elementor-8380 .elementor-element.elementor-element-6362d11{--width:50%;}.elementor-8380 .elementor-element.elementor-element-eeae103{--width:50%;}.elementor-8380 .elementor-element.elementor-element-6e5168e{--width:50%;}.elementor-8380 .elementor-element.elementor-element-4572692{--width:50%;}.elementor-8380 .elementor-element.elementor-element-f864129{--width:50%;}.elementor-8380 .elementor-element.elementor-element-745a60a{--width:50%;}.elementor-8380 .elementor-element.elementor-element-69d00cf{--width:38.304%;}.elementor-8380 .elementor-element.elementor-element-cac6492{--width:58%;}.elementor-8380 .elementor-element.elementor-element-ff96f8a{--width:100%;}.elementor-8380 .elementor-element.elementor-element-530d2fa{--width:100%;}.elementor-8380 .elementor-element.elementor-element-a62cc8d{--width:60%;}.elementor-8380 .elementor-element.elementor-element-2687a73{--content-width:594px;}.elementor-8380 .elementor-element.elementor-element-ecff722{--width:36%;}.elementor-8380 .elementor-element.elementor-element-b5fe601{--width:58%;}.elementor-8380 .elementor-element.elementor-element-d0b4044{--width:38.304%;}.elementor-8380 .elementor-element.elementor-element-eefeda1{--width:58%;}.elementor-8380 .elementor-element.elementor-element-49382a3{--content-width:570px;}.elementor-8380 .elementor-element.elementor-element-e156f9a{--content-width:570px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8380 .elementor-element.elementor-element-3375bc9{--width:206px;}.elementor-8380 .elementor-element.elementor-element-232cae9{--width:206px;}.elementor-8380 .elementor-element.elementor-element-2b47221{--width:429.556px;}.elementor-8380 .elementor-element.elementor-element-7877809{--width:100%;}.elementor-8380 .elementor-element.elementor-element-36cfd33{--width:100%;}}@media(min-width:1025px){.elementor-8380 .elementor-element.elementor-element-2416f0a:not(.elementor-motion-effects-element-type-background), .elementor-8380 .elementor-element.elementor-element-2416f0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-8380 .elementor-element.elementor-element-0010c72 > .elementor-widget-container{background-attachment:scroll;}.elementor-8380 .elementor-element.elementor-element-3f52a89 > .elementor-widget-container{background-attachment:scroll;}}@media(max-width:1024px){.elementor-8380 .elementor-element.elementor-element-eda689c{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-8380 .elementor-element.elementor-element-6104daa .elementor-heading-title{font-size:22px;}.elementor-8380 .elementor-element.elementor-element-6eb4334 .elementor-icon{font-size:35px;}.elementor-8380 .elementor-element.elementor-element-6eb4334 .elementor-icon svg{height:35px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d{width:initial;max-width:initial;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown .elementor-item, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a{padding-top:24px;padding-bottom:24px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:1px !important;}.elementor-8380 .elementor-element.elementor-element-2946274{--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8380 .elementor-element.elementor-element-19ad987 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-b247a81 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-b247a81 .elementor-button{font-size:16px;padding:20px 20px 20px 20px;}.elementor-8380 .elementor-element.elementor-element-18f8cfe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-8380 .elementor-element.elementor-element-0061576 .elementor-heading-title{font-size:22px;}.elementor-8380 .elementor-element.elementor-element-e21be1f .elementor-icon{font-size:35px;}.elementor-8380 .elementor-element.elementor-element-e21be1f .elementor-icon svg{height:35px;}.elementor-8380 .elementor-element.elementor-element-6223630{--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8380 .elementor-element.elementor-element-5be89fb{width:initial;max-width:initial;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown .elementor-item, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a{padding-top:24px;padding-bottom:24px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:1px !important;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-c8f7b16.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 .elementor-button{font-size:16px;padding:20px 20px 20px 20px;}.elementor-8380 .elementor-element.elementor-element-2416f0a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:18px;}.elementor-8380 .elementor-element.elementor-element-2b47221{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8380 .elementor-element.elementor-element-4744c6a{--container-widget-width:592px;--container-widget-flex-grow:0;width:var( --container-widget-width, 592px );max-width:592px;}.elementor-8380 .elementor-element.elementor-element-4744c6a .elementor-heading-title{font-size:24px;line-height:1.6em;}.elementor-8380 .elementor-element.elementor-element-4d5935b{width:var( --container-widget-width, 422.75px );max-width:422.75px;--container-widget-width:422.75px;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-4d5935b > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-4d5935b .elementor-heading-title{font-size:16px;line-height:1.6em;}.elementor-8380 .elementor-element.elementor-element-e89d160{width:var( --container-widget-width, 257.528px );max-width:257.528px;--container-widget-width:257.528px;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-e89d160 .elementor-button{font-size:15px;line-height:1.5em;padding:30px 30px 30px 30px;}.elementor-8380 .elementor-element.elementor-element-192db6a{width:var( --container-widget-width, 257.528px );max-width:257.528px;--container-widget-width:257.528px;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-192db6a .elementor-button{font-size:15px;line-height:1.5em;padding:30px 30px 30px 30px;}.elementor-8380 .elementor-element.elementor-element-cab4691{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-5f73d4e .ue_marquee{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-c2486cc{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:25px;--padding-left:5px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-a1bcf9c{--flex-wrap:wrap;}.elementor-8380 .elementor-element.elementor-element-7877809{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-4846b37{text-align:center;}.elementor-8380 .elementor-element.elementor-element-4846b37 .elementor-heading-title{font-size:24px;line-height:40px;}.elementor-8380 .elementor-element.elementor-element-9819d72 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-9819d72{text-align:center;}.elementor-8380 .elementor-element.elementor-element-9819d72 .elementor-heading-title{font-size:19px;}.elementor-8380 .elementor-element.elementor-element-d5f3330 > .elementor-widget-container{margin:-6px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-d5f3330{text-align:center;}.elementor-8380 .elementor-element.elementor-element-d5f3330 .elementor-heading-title{font-size:16px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-e97e2fd > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-e97e2fd{text-align:center;}.elementor-8380 .elementor-element.elementor-element-e97e2fd .elementor-heading-title{font-size:19px;}.elementor-8380 .elementor-element.elementor-element-533e0cf > .elementor-widget-container{margin:-6px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-533e0cf{text-align:center;}.elementor-8380 .elementor-element.elementor-element-533e0cf .elementor-heading-title{font-size:16px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-36cfd33{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-b267280{--padding-top:70px;--padding-bottom:70px;--padding-left:5px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-69d00cf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-9732718 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-8380 .elementor-element.elementor-element-d40ec55{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8380 .elementor-element.elementor-element-0010c72{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8380 .elementor-element.elementor-element-0010c72 > .elementor-widget-container{background-position:224px -3px;}.elementor-8380 .elementor-element.elementor-element-cac6492{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-513afdf{--padding-top:40px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-1116222 .elementor-heading-title{font-size:32px;}.elementor-8380 .elementor-element.elementor-element-1d5ee9c > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-8857e79{--padding-top:0px;--padding-bottom:80px;--padding-left:5px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-530d2fa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-31324cb .elementor-heading-title{font-size:32px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-20ac1f7{--container-widget-width:578px;--container-widget-flex-grow:0;width:var( --container-widget-width, 578px );max-width:578px;}.elementor-8380 .elementor-element.elementor-element-20ac1f7 .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-a62cc8d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d > .elementor-widget-container{margin:0px 0px 0px 5px;padding:15px 15px 20px 15px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-title{margin-block-end:5px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon{font-size:35px;padding:10px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-title a{font-size:14px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-9b83d5d .elementor-icon-box-description{font-size:14px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e > .elementor-widget-container{margin:0px 0px 0px 5px;padding:15px 15px 20px 15px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-title{margin-block-end:5px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon{font-size:35px;padding:10px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-title a{font-size:14px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-7f8a24e .elementor-icon-box-description{font-size:14px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 > .elementor-widget-container{margin:0px 0px 0px 5px;padding:15px 15px 20px 15px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-title{margin-block-end:5px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon{font-size:35px;padding:10px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-title a{font-size:14px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-d5ce641 .elementor-icon-box-description{font-size:14px;}.elementor-8380 .elementor-element.elementor-element-f22950b > .elementor-widget-container{margin:0px 0px 0px 5px;padding:15px 15px 20px 15px;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-title{margin-block-end:5px;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon{font-size:35px;padding:10px;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-title a{font-size:14px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-f22950b .elementor-icon-box-description{font-size:14px;}.elementor-8380 .elementor-element.elementor-element-825b52b > .elementor-widget-container{margin:0px 0px 0px 5px;padding:15px 15px 20px 15px;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-wrapper{gap:10px;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-title{margin-block-end:5px;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon{font-size:35px;padding:10px;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-title, .elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-title a{font-size:14px;line-height:1.4em;}.elementor-8380 .elementor-element.elementor-element-825b52b .elementor-icon-box-description{font-size:14px;}.elementor-8380 .elementor-element.elementor-element-45e11c2{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-7ce9cba{--container-widget-width:540px;--container-widget-flex-grow:0;width:var( --container-widget-width, 540px );max-width:540px;}.elementor-8380 .elementor-element.elementor-element-7ce9cba.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-7ce9cba .elementor-heading-title{font-size:32px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-2f263de > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-8380 .elementor-element.elementor-element-2f263de{--container-widget-width:607px;--container-widget-flex-grow:0;width:var( --container-widget-width, 607px );max-width:607px;}.elementor-8380 .elementor-element.elementor-element-2f263de .elementor-heading-title{font-size:18px;letter-spacing:0.3px;}.elementor-8380 .elementor-element.elementor-element-eac4a34 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-6845f62 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-8380 .elementor-element.elementor-element-f7e7c41{--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-ecff722{--justify-content:flex-start;}.elementor-8380 .elementor-element.elementor-element-044be62{--container-widget-width:540px;--container-widget-flex-grow:0;width:var( --container-widget-width, 540px );max-width:540px;}.elementor-8380 .elementor-element.elementor-element-044be62.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-044be62 .elementor-heading-title{font-size:32px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-bcfdb48 .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-68937fa{--container-widget-width:259px;--container-widget-flex-grow:0;width:var( --container-widget-width, 259px );max-width:259px;}.elementor-8380 .elementor-element.elementor-element-68937fa .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-b5fe601{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-0803dbd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-0803dbd .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_inline .elementor-testimonial__footer, .elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:10px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:10px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-0803dbd.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:10px;}.elementor-8380 .elementor-element.elementor-element-0803dbd .elementor-testimonial__text{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-bf6eb66{--padding-top:80px;--padding-bottom:80px;--padding-left:5px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-6d4aa37{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9{--container-widget-width:540px;--container-widget-flex-grow:0;width:var( --container-widget-width, 540px );max-width:540px;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9 .elementor-heading-title{font-size:32px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-875e777 .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-8013d21{--container-widget-width:259px;--container-widget-flex-grow:0;width:var( --container-widget-width, 259px );max-width:259px;}.elementor-8380 .elementor-element.elementor-element-8013d21 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-a2401a8{--container-widget-width:259px;--container-widget-flex-grow:0;width:var( --container-widget-width, 259px );max-width:259px;}.elementor-8380 .elementor-element.elementor-element-a2401a8 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-72dce19{--grid-column-gap:20px;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d{--grid-column-gap:20px;}.elementor-8380 .elementor-element.elementor-element-9cd5931{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-c9cc194{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-41b1437{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-e5d6a7b{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-d45811c{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-3e9934a {--n-accordion-padding:18px 18px 19px 18px;}.elementor-8380 .elementor-element.elementor-element-3e9934a{--n-accordion-title-font-size:17px;}.elementor-8380 .elementor-element.elementor-element-1c712ca .elementor-icon{font-size:78px;}.elementor-8380 .elementor-element.elementor-element-1c712ca .elementor-icon svg{height:78px;}.elementor-8380 .elementor-element.elementor-element-c11299f > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-c11299f .elementor-heading-title{font-size:40px;}.elementor-8380 .elementor-element.elementor-element-abe05b8 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-f57d040 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-3f52a89{--container-widget-width:32%;--container-widget-flex-grow:0;width:var( --container-widget-width, 32% );max-width:32%;}body.elementor-page-8380{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-8380 .elementor-element.elementor-element-eda689c{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-ea006e8{--justify-content:space-evenly;}.elementor-8380 .elementor-element.elementor-element-ea006e8.e-con{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-3375bc9{--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8380 .elementor-element.elementor-element-6104daa .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-6eb4334{width:var( --container-widget-width, 82px );max-width:82px;--container-widget-width:82px;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-6eb4334 > .elementor-widget-container{padding:0px 17px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu .elementor-item{letter-spacing:0.5px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown .elementor-item, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:0.5px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--dropdown a{padding-top:16px;padding-bottom:16px;}.elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8380 .elementor-element.elementor-element-eb3ba4d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-8380 .elementor-element.elementor-element-2946274{--justify-content:center;}.elementor-8380 .elementor-element.elementor-element-b247a81 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-b247a81.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-b247a81 .elementor-button{font-size:13px;line-height:15px;padding:20px 20px 20px 20px;}.elementor-8380 .elementor-element.elementor-element-18f8cfe{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-e810be7{--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-232cae9{--width:59%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-232cae9.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-0061576 > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-8380 .elementor-element.elementor-element-0061576 .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-e21be1f > .elementor-widget-container{margin:0px 0px 0px -11px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-6223630{--width:15%;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-6223630.e-con{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-8380 .elementor-element.elementor-element-5be89fb > .elementor-widget-container{margin:0px -15px 0px 0px;padding:0px 0px 10px 0px;border-radius:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-5be89fb.elementor-element{--align-self:stretch;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu .elementor-item{letter-spacing:0.5px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown .elementor-item, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown .elementor-sub-item{font-size:13px;letter-spacing:0.5px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--dropdown a{padding-top:18px;padding-bottom:18px;}.elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8380 .elementor-element.elementor-element-5be89fb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-c8f7b16.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-c8f7b16 .elementor-button{font-size:1px;line-height:1px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-2416f0a{--min-height:50vh;--justify-content:flex-end;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-9c74b51{--width:305.444px;}.elementor-8380 .elementor-element.elementor-element-4744c6a .elementor-heading-title{font-size:17px;}.elementor-8380 .elementor-element.elementor-element-4d5935b > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-4d5935b .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-3ffd310{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-8380 .elementor-element.elementor-element-e89d160{width:var( --container-widget-width, 296.833px );max-width:296.833px;--container-widget-width:296.833px;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-e89d160 .elementor-button{font-size:12px;line-height:15px;border-radius:14px 14px 14px 14px;padding:35px 20px 35px 20px;}.elementor-8380 .elementor-element.elementor-element-192db6a{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-192db6a .elementor-button{font-size:13px;line-height:20px;border-radius:14px 14px 14px 14px;padding:26px 13px 25px 13px;}.elementor-8380 .elementor-element.elementor-element-49e8bf6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-cab4691{--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8380 .elementor-element.elementor-element-0fb75ae > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-a29e75d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-5f73d4e .ue_marquee{font-size:14px;}.elementor-8380 .elementor-element.elementor-element-c2486cc{--min-height:50vh;--justify-content:flex-end;--padding-top:10vw;--padding-bottom:12vw;--padding-left:0vw;--padding-right:0vw;}.elementor-8380 .elementor-element.elementor-element-a1bcf9c{--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-4846b37{--container-widget-width:286px;--container-widget-flex-grow:0;width:var( --container-widget-width, 286px );max-width:286px;}.elementor-8380 .elementor-element.elementor-element-4846b37.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-4846b37 .elementor-heading-title{font-size:25px;line-height:37px;}.elementor-8380 .elementor-element.elementor-element-9819d72 .elementor-heading-title{font-size:20px;}.elementor-8380 .elementor-element.elementor-element-d5f3330 .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-8380 .elementor-element.elementor-element-e97e2fd .elementor-heading-title{font-size:20px;}.elementor-8380 .elementor-element.elementor-element-533e0cf .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-8380 .elementor-element.elementor-element-26fd187 .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-735061a .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-3094914 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-aa77d6c .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-b1b1f19 .elementor-heading-title{font-size:13px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-ea186d1 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-931845c .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-52b1b77 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-40e932c .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-e8f86c1 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-7914766 .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-14983cc .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-e1358da .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-e314c4c .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-2e6295a .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-66e6485 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-888405d .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-f6f7e7c .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-c665aae .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-3938b1d .elementor-heading-title{font-size:52px;}.elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-df9b39a .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-6c68337 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-da6a63a .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-176e7c5 .elementor-heading-title{font-size:52px;}.elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-6a5c0c2 .elementor-heading-title{font-size:52px;}.elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-3c3a69b .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-e51f023 .elementor-heading-title{font-size:52px;}.elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-578d1d6 .elementor-heading-title{font-size:52px;}.elementor-8380 .elementor-element.elementor-element-846849f .elementor-button{font-size:13px;line-height:15px;padding:25px 5px 25px 5px;}.elementor-8380 .elementor-element.elementor-element-b267280{--min-height:50vh;--justify-content:flex-end;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-9e18782{--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;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-8380 .elementor-element.elementor-element-9732718{text-align:center;}.elementor-8380 .elementor-element.elementor-element-9732718 .elementor-heading-title{font-size:26px;}.elementor-8380 .elementor-element.elementor-element-9d1a3de > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-9d1a3de{text-align:center;}.elementor-8380 .elementor-element.elementor-element-9d1a3de .elementor-heading-title{font-size:22px;}.elementor-8380 .elementor-element.elementor-element-fdb4c81{text-align:center;}.elementor-8380 .elementor-element.elementor-element-fdb4c81 .elementor-heading-title{font-size:15px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-d40ec55 > .elementor-widget-container{padding:15px 10px 15px 10px;}.elementor-8380 .elementor-element.elementor-element-d40ec55{text-align:center;}.elementor-8380 .elementor-element.elementor-element-d40ec55 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-0010c72{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-8380 .elementor-element.elementor-element-0010c72.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-8380 .elementor-element.elementor-element-0010c72 > .elementor-widget-container{background-position:103% 100%;}.elementor-8380 .elementor-element.elementor-element-0010c72 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-cac6492{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-cac6492.e-con{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-baca264 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-513afdf{--min-height:50vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-8380 .elementor-element.elementor-element-ff96f8a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-1116222 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-1d5ee9c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-8857e79{--min-height:50vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:10px;--padding-right:5px;}.elementor-8380 .elementor-element.elementor-element-b9a55ce{--padding-top:15px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-530d2fa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-31324cb > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-31324cb .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-20ac1f7 > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-20ac1f7{--container-widget-width:259px;--container-widget-flex-grow:0;width:var( --container-widget-width, 259px );max-width:259px;}.elementor-8380 .elementor-element.elementor-element-20ac1f7 .elementor-heading-title{font-size:16px;}.elementor-8380 .elementor-element.elementor-element-9b83d5d > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-8380 .elementor-element.elementor-element-7f8a24e > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-8380 .elementor-element.elementor-element-d5ce641 > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-8380 .elementor-element.elementor-element-f22950b > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-8380 .elementor-element.elementor-element-825b52b > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-8380 .elementor-element.elementor-element-45e11c2{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-7ce9cba .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-2f263de > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-2f263de .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-8380 .elementor-element.elementor-element-eac4a34 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-6845f62 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8380 .elementor-element.elementor-element-2687a73{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8380 .elementor-element.elementor-element-f7e7c41{--justify-content:flex-end;--padding-top:15vw;--padding-bottom:15vw;--padding-left:0vw;--padding-right:0vw;}.elementor-8380 .elementor-element.elementor-element-f8814f1{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-8380 .elementor-element.elementor-element-044be62{text-align:center;}.elementor-8380 .elementor-element.elementor-element-044be62 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-bcfdb48{text-align:center;}.elementor-8380 .elementor-element.elementor-element-bcfdb48 .elementor-heading-title{font-size:18px;}.elementor-8380 .elementor-element.elementor-element-68937fa.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-68937fa{text-align:center;}.elementor-8380 .elementor-element.elementor-element-68937fa .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-8380 .elementor-element.elementor-element-b5fe601{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8380 .elementor-element.elementor-element-bf6eb66{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15vw;--padding-bottom:15vw;--padding-left:0vw;--padding-right:0vw;}.elementor-8380 .elementor-element.elementor-element-6d4aa37{--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:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:25px;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9{text-align:center;}.elementor-8380 .elementor-element.elementor-element-1d7d3d9 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-8380 .elementor-element.elementor-element-875e777{text-align:center;}.elementor-8380 .elementor-element.elementor-element-875e777 .elementor-heading-title{font-size:20px;}.elementor-8380 .elementor-element.elementor-element-8013d21{--container-widget-width:262px;--container-widget-flex-grow:0;width:var( --container-widget-width, 262px );max-width:262px;text-align:center;}.elementor-8380 .elementor-element.elementor-element-8013d21.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-8013d21 .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-8380 .elementor-element.elementor-element-a2401a8{--container-widget-width:262px;--container-widget-flex-grow:0;width:var( --container-widget-width, 262px );max-width:262px;text-align:center;}.elementor-8380 .elementor-element.elementor-element-a2401a8.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-a2401a8 .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-8380 .elementor-element.elementor-element-72dce19 .elementor-widget-container{text-align:center;}.elementor-8380 .elementor-element.elementor-element-72dce19.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d .elementor-widget-container{text-align:center;}.elementor-8380 .elementor-element.elementor-element-0bc0d6d.elementor-element{--align-self:center;}.elementor-8380 .elementor-element.elementor-element-eefeda1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-3e9934a{--n-accordion-title-font-size:15px;}.elementor-8380 .elementor-element.elementor-element-49382a3{--padding-top:43px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-c11299f .elementor-heading-title{font-size:35px;}.elementor-8380 .elementor-element.elementor-element-e156f9a{--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8380 .elementor-element.elementor-element-abe05b8 .elementor-heading-title{font-size:15px;line-height:1.3em;}.elementor-8380 .elementor-element.elementor-element-f57d040 .elementor-heading-title{font-size:15px;line-height:1.3em;}.elementor-8380 .elementor-element.elementor-element-3f52a89{--container-widget-width:52%;--container-widget-flex-grow:0;width:var( --container-widget-width, 52% );max-width:52%;text-align:center;}.elementor-8380 .elementor-element.elementor-element-3f52a89.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-8380 .elementor-element.elementor-element-3f52a89 .elementor-heading-title{font-size:15px;}.elementor-8380 .elementor-element.elementor-element-568d77a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8380 .elementor-element.elementor-element-568d77a.elementor-element{--align-self:center;}}/* Start custom CSS for heading, class: .elementor-element-6104daa */.emo-title .elementor-heading-title { color: #FFD8AA; text-shadow: 2px 2px 0 #825FE8; animation: shadowDanceReverse 1.5s ease-in-out infinite alternate; } @keyframes shadowDanceReverse { from { text-shadow: -2px -2px 0 #825FE8; } /* тень влево-вверх */ to { text-shadow: 2px 2px 0 #c084fc; } /* тень вправо-вниз */ }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-eb3ba4d */#elementor-wordpress-menu ul li a { pointer-events: none !important; /* Отключаем обработку кликов по ссылкам */ } #elementor-wordpress-menu ul li a:hover, #elementor-wordpress-menu ul li a:focus { pointer-events: auto !important; /* Возвращаем обработку кликов при взаимодействии */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19ad987 */.live-counter { background: #825FE8; /* 🔴 фон блока */ color: white; padding: 15px 20px; /* 🔴 внутренние отступы */ border-radius: 20px !important; /* 🔴 скругление углов */ font-weight: 400; text-align: center; margin: 0; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.09) !important; display: flex; align-items: center; justify-content: center; gap: 8px; } .live-icon { width: 18px; height: 18px; flex-shrink: 0; color: #FFD8AA; /* 🔴 цвет иконки */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eda689c */.elementor-8380 .elementor-element.elementor-element-eda689c { backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0061576 *//* Применяем стили только к заголовку внутри нашего класса */ .dynamic-shadow-title .elementor-heading-title { color: #FFD8AA; /* Начальное состояние для плавного старта без мерцания */ text-shadow: 2px 2px 0px #825FE8; animation: shadowDanceSmooth 2s ease-in-out infinite alternate; /* === АНАТОМИЯ ЗАЩИТЫ ОТ ОБРЕЗКИ === */ display: inline-block; /* Заставляет padding работать корректно вокруг текста */ padding-top: 10px; /* Резерв места для верхней тени */ padding-bottom: 15px; /* Резерв места для нижней тени (чуть больше, так как она активнее) */ line-height: 1.2; /* Фиксирует высоту строки, предотвращая "прыжки" блока */ margin: 0; /* Сбрасываем внешние отступы, которые могут давать тема */ } /* Сама анимация: добавлен легкий blur (размытие) на финальной стадии для "дорогого" эффекта */ @keyframes shadowDanceSmooth { 0% { text-shadow: -2px -2px 0px #825FE8; } 100% { text-shadow: 3px 3px 3px rgba(192, 132, 252, 0.85); } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-5be89fb */#elementor-wordpress-menu ul li a { pointer-events: none !important; /* Отключаем обработку кликов по ссылкам */ } #elementor-wordpress-menu ul li a:hover, #elementor-wordpress-menu ul li a:focus { pointer-events: auto !important; /* Возвращаем обработку кликов при взаимодействии */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-18f8cfe */.elementor-8380 .elementor-element.elementor-element-18f8cfe { backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4744c6a */.elementor-8380 .elementor-element.elementor-element-4744c6a { position: relative; } .elementor-8380 .elementor-element.elementor-element-4744c6a .elementor-heading-title { background: linear-gradient(180deg, #A280F4 0%, #704FD2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e89d160 *//* ========== HERO-КНОПКА: НАСТРАИВАЕМЫЕ ЭФФЕКТЫ ========== */ /* -------------------- ОСНОВА КНОПКИ -------------------- */ .elementor-8380 .elementor-element.elementor-element-e89d160 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; } /* -------------------- КРУГ-БЛИК СНИЗУ -------------------- */ .elementor-8380 .elementor-element.elementor-element-e89d160 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; /* ❗ начальная ширина блика */ height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; /* ❗ скорость пульсации (5s) */ pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } /* ❗ конечный масштаб (80) */ } /* -------------------- ЦЕНТРИРОВАНИЕ ТЕКСТА -------------------- */ .elementor-8380 .elementor-element.elementor-element-e89d160 .elementor-button-content-wrapper { position: relative; z-index: 5; display: flex !important; justify-content: center !important; align-items: center !important; } /* -------------------- СЛОЙ С НОТАМИ И СЕРДЦАМИ -------------------- */ .hero-btn-layers-wrap { position: absolute; inset: 0; pointer-events: none; z-index: 0; } /* Нотации: скорость полёта */ .hero-n, .hero-h { position: absolute; bottom: -50px; opacity: 0; animation: floatUpSlow 10s infinite linear; /* ❗ ОБЩАЯ СКОРОСТЬ АНИМАЦИИ ‼️ */ /* 10s — медленно, 6s — быстро, 15s — очень медленно */ } /* Белые ноты */ .hero-n { font-size: 30px; /* ❗ размер нот */ color: rgba(255, 255, 255, 0.35); /* ❗ яркость нечётных */ } .hero-n:nth-child(odd) { color: rgba(255, 255, 255, 0.35); } .hero-n:nth-child(even) { color: rgba(255, 255, 255, 0.15); } /* ❗ яркость чётных */ /* Белые сердечки */ .hero-h { width: 30px; /* ❗ ширина сердечек */ height: 30px; /* ❗ высота сердечек */ color: rgba(255, 255, 255, 0.35); } .hero-h:nth-child(odd) { color: rgba(255, 255, 255, 0.35); } .hero-h:nth-child(even) { color: rgba(255, 255, 255, 0.15); } /* Переключение слоёв при наведении */ .hero-notes-l { transition: opacity 0.4s ease; } .hero-hearts-l { opacity: 0; transition: opacity 0.4s ease; } #my-premium-btn .elementor-button:hover .hero-notes-l { opacity: 0; } #my-premium-btn .elementor-button:hover .hero-hearts-l { opacity: 1; } /* Параметры разлёта (задержки и горизонтальные позиции) */ .hero-n:nth-child(1), .hero-h:nth-child(1) { left: 10%; --d: -20px; --r: -15deg; animation-delay: 0s; } /* ❗ */ .hero-n:nth-child(2), .hero-h:nth-child(2) { left: 35%; --d: 15px; --r: 10deg; animation-delay: -1s; } /* ❗ */ .hero-n:nth-child(3), .hero-h:nth-child(3) { left: 55%; --d: -10px; --r: -5deg; animation-delay: -2s; } /* ❗ */ .hero-n:nth-child(4), .hero-h:nth-child(4) { left: 75%; --d: 25px; --r: 20deg; animation-delay: -3.5s; } /* ❗ */ .hero-n:nth-child(5), .hero-h:nth-child(5) { left: 90%; --d: -5px; --r: 15deg; animation-delay: -4.5s; } /* ❗ */ .hero-n:nth-child(6), .hero-h:nth-child(6) { left: 20%; --d: 10px; --r: -10deg; animation-delay: -5.5s; } /* ❗ */ /* -------------------- ЛЁГКАЯ ТЕНЬ ПРИ НАВЕДЕНИИ -------------------- */ #my-premium-btn .elementor-button:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important; /* ❗ тень при наведении (размытие 20px, прозрачность 0.2) */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-192db6a *//* ========== HERO-КНОПКА: НАСТРАИВАЕМЫЕ ЭФФЕКТЫ ========== */ /* -------------------- ОСНОВА КНОПКИ -------------------- */ .elementor-8380 .elementor-element.elementor-element-192db6a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; } /* -------------------- КРУГ-БЛИК СНИЗУ -------------------- */ .elementor-8380 .elementor-element.elementor-element-192db6a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; /* ❗ начальная ширина блика */ height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; /* ❗ скорость пульсации (5s) */ pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } /* ❗ конечный масштаб (80) */ } /* -------------------- ЦЕНТРИРОВАНИЕ ТЕКСТА -------------------- */ .elementor-8380 .elementor-element.elementor-element-192db6a .elementor-button-content-wrapper { position: relative; z-index: 5; display: flex !important; justify-content: center !important; align-items: center !important; } /* -------------------- СЛОЙ С НОТАМИ И СЕРДЦАМИ -------------------- */ .hero-btn-layers-wrap { position: absolute; inset: 0; pointer-events: none; z-index: 0; } /* Нотации: скорость полёта */ .hero-n, .hero-h { position: absolute; bottom: -50px; opacity: 0; animation: floatUpSlow 10s infinite linear; /* ❗ ОБЩАЯ СКОРОСТЬ АНИМАЦИИ ‼️ */ /* 10s — медленно, 6s — быстро, 15s — очень медленно */ } /* Белые ноты */ .hero-n { font-size: 30px; /* ❗ размер нот */ color: rgba(255, 255, 255, 0.35); /* ❗ яркость нечётных */ } .hero-n:nth-child(odd) { color: rgba(255, 255, 255, 0.35); } .hero-n:nth-child(even) { color: rgba(255, 255, 255, 0.15); } /* ❗ яркость чётных */ /* Белые сердечки */ .hero-h { width: 30px; /* ❗ ширина сердечек */ height: 30px; /* ❗ высота сердечек */ color: rgba(255, 255, 255, 0.35); } .hero-h:nth-child(odd) { color: rgba(255, 255, 255, 0.35); } .hero-h:nth-child(even) { color: rgba(255, 255, 255, 0.15); } /* Переключение слоёв при наведении */ .hero-notes-l { transition: opacity 0.4s ease; } .hero-hearts-l { opacity: 0; transition: opacity 0.4s ease; } #my-premium-btn .elementor-button:hover .hero-notes-l { opacity: 0; } #my-premium-btn .elementor-button:hover .hero-hearts-l { opacity: 1; } /* Параметры разлёта (задержки и горизонтальные позиции) */ .hero-n:nth-child(1), .hero-h:nth-child(1) { left: 10%; --d: -20px; --r: -15deg; animation-delay: 0s; } /* ❗ */ .hero-n:nth-child(2), .hero-h:nth-child(2) { left: 35%; --d: 15px; --r: 10deg; animation-delay: -1s; } /* ❗ */ .hero-n:nth-child(3), .hero-h:nth-child(3) { left: 55%; --d: -10px; --r: -5deg; animation-delay: -2s; } /* ❗ */ .hero-n:nth-child(4), .hero-h:nth-child(4) { left: 75%; --d: 25px; --r: 20deg; animation-delay: -3.5s; } /* ❗ */ .hero-n:nth-child(5), .hero-h:nth-child(5) { left: 90%; --d: -5px; --r: 15deg; animation-delay: -4.5s; } /* ❗ */ .hero-n:nth-child(6), .hero-h:nth-child(6) { left: 20%; --d: 10px; --r: -10deg; animation-delay: -5.5s; } /* ❗ */ /* -------------------- ЛЁГКАЯ ТЕНЬ ПРИ НАВЕДЕНИИ -------------------- */ #my-premium-btn .elementor-button:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important; /* ❗ тень при наведении (размытие 20px, прозрачность 0.2) */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846e793 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846e793 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846e793:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f18130b *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-f18130b .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-f18130b:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e941e36 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-e941e36 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-e941e36:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d51df *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-76d51df .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-76d51df:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2f41d94 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-2f41d94 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-2f41d94:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95f9c04 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-95f9c04 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-95f9c04:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bf1e2a *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3bf1e2a:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f63535 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3f63535 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3f63535:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e2ec9d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3e2ec9d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-204a6ec *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-204a6ec .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-204a6ec:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3040bd2 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-3040bd2 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-3040bd2:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc727f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-ecc727f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-ecc727f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4217623 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-4217623 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-4217623:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0386eee *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-0386eee .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-0386eee:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16aefea *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-16aefea .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-16aefea:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7746fef *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-7746fef .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-7746fef:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-45de98e *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-45de98e .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-45de98e:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1a3204d *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-1a3204d .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-1a3204d:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9a81507 *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-9a81507 .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-9a81507:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-846849f *//* Оставляем только то, что Элементор не умеет делать сам */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; /* Убираем фиксированный padding и min-height, чтобы работали настройки Элементора */ } /* Эффект блика-круга снизу */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } /* Центрирование контента, чтобы ноты не сбивали текст */ .elementor-8380 .elementor-element.elementor-element-846849f .elementor-button-content-wrapper { position: relative; z-index: 5; /* Текст всегда сверху */ display: flex !important; justify-content: center !important; align-items: center !important; } /* Эффект при наведении на всю колонку/кнопку */ .elementor-8380 .elementor-element.elementor-element-846849f:hover .elementor-button { transform: translateY(-4px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c2486cc *//* ============================================ СКРЫТЬ ПЫЛИНКИ НА МОБИЛЬНЫХ И ПЛАНШЕТАХ Десктоп: от 1025px и выше ============================================ */ @media (min-width: 1025px) { .elementor-8380 .elementor-element.elementor-element-c2486cc { background-color: #825FE8; position: relative; overflow: hidden; } /* Первый слой – белые сверкающие пылинки (плывут влево) */ .elementor-8380 .elementor-element.elementor-element-c2486cc::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 10% 20%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 50% 40%, rgba(255,255,255,0.9), transparent), radial-gradient(2px 2px at 80% 10%, rgba(255,255,255,0.65), transparent), radial-gradient(2.5px 2.5px at 90% 90%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 20% 85%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 70% 25%, rgba(255,255,255,0.85), transparent), radial-gradient(2px 2px at 40% 60%, rgba(255,255,255,0.65), transparent); background-size: 350px 350px; animation: driftLeft 18s linear infinite, sparkle 1.5s ease-in-out infinite alternate; will-change: background-position, opacity; } /* Второй слой – бежевые сверкающие пылинки (плывут вправо) */ .elementor-8380 .elementor-element.elementor-element-c2486cc::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 15% 65%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 55% 15%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 85% 75%, rgba(255,216,170,0.7), transparent), radial-gradient(2px 2px at 25% 35%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 75% 55%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 5% 45%, rgba(255,216,170,0.65), transparent); background-size: 300px 300px; animation: driftRight 20s linear infinite, sparkle 1.8s ease-in-out infinite alternate 0.5s; will-change: background-position, opacity; } /* Контент над слоями */ .elementor-8380 .elementor-element.elementor-element-c2486cc > * { position: relative; z-index: 1; } /* === Ключевые кадры (внутри медиа-запроса, чтобы не конфликтовали) === */ @keyframes driftLeft { 0% { background-position: 0 0; } 100% { background-position: -350px 0; } } @keyframes driftRight { 0% { background-position: 0 0; } 100% { background-position: 350px 0; } } @keyframes sparkle { 0% { opacity: 0.4; } 100% { opacity: 1; } } } /* ============================================ ОБЩИЕ СТИЛИ (все устройства) ============================================ */ /* Убираем горизонтальную прокрутку на всей странице */ body { overflow-x: hidden; } /* Фон секции на мобильных и планшетах (без пылинок) */ @media (max-width: 1024px) { .elementor-8380 .elementor-element.elementor-element-c2486cc { background-color: #825FE8; position: relative; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-baca264 */:root { --p-gold: #FFD8AA; --p-gold-dark: #8B6B4D; --p-violet-light: #9B72FF; --p-violet-mid: #825FE8; --p-violet-dark: #7655D6; } .p-section-2026 { display: flex; justify-content: center; gap: 30px; padding: 40px 20px; flex-wrap: wrap; background: transparent; } .p-card-new { position: relative; width: 320px; border-radius: 30px; background: var(--p-violet-mid); transition: transform 0.3s; isolation: isolate; } /* 🔴🔴🔴 МАСШТАБ ЦЕНТРАЛЬНОЙ КАРТОЧКИ — 1.02 🔴🔴🔴 */ .featured { background: var(--p-violet-dark); transform: scale(1.02); } .p-card-inner { padding: 45px 25px; border-radius: 30px; height: 100%; display: flex; flex-direction: column; position: relative; z-index: 10; overflow: hidden; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); } /* ============================================================ */ /* 🔴🔴🔴 1. ТЕНИ КНОПОК (МЯГКИЕ, APPLE STYLE) 🔴🔴🔴 */ /* ============================================================ */ .price-action-btn { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease !important; display: flex; padding: 30px 20px; border-radius: 18px; text-decoration: none; /* 🔴🔴🔴 ТЕНЬ ФИОЛЕТОВЫХ КНОПОК – УМЕНЬШЕНА ПРОЗРАЧНОСТЬ 🔴🔴🔴 */ box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.35) !important; /* 🔴🔴🔴 ГРАДИЕНТ ФИОЛЕТОВЫХ КНОПОК 🔴🔴🔴 */ background: linear-gradient(180deg, var(--p-violet-mid), var(--p-violet-dark)); } .featured-btn { /* 🔴🔴🔴 ТЕНЬ БЕЖЕВОЙ КНОПКИ (ТОЖЕ МЯГЧЕ) 🔴🔴🔴 */ box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.3) !important; /* 🔴🔴🔴 ГРАДИЕНТ БЕЖЕВОЙ КНОПКИ 🔴🔴🔴 */ background: linear-gradient(180deg, #FFD8AA, #EBB87A) !important; } /* 🔴🔴🔴 РАЗМЕР КНОПОК (ПАДДИНГИ) 🔴🔴🔴 */ .price-action-btn, .featured-btn { padding: 30px 20px; } /* ============================================================ */ /* 🔴🔴🔴 2. СКОРОСТЬ ПОЛЕТА (НОТЫ И СЕРДЦА) 🔴🔴🔴 */ /* ============================================================ */ .n, .h { position: absolute; bottom: -50px; opacity: 0; /* 🔴🔴🔴 ЧЕМ БОЛЬШЕ (10s), ТЕМ МЕДЛЕННЕЕ 🔴🔴🔴 */ animation: floatUpSlow 10s infinite linear; } @keyframes floatUpSlow { 0% { transform: translateY(0) translateX(0) scale(0.6) rotate(0deg); opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } /* 🔴🔴🔴 ВЫСОТА ПОДЪЁМА НОТ (-230px) 🔴🔴🔴 */ 100% { transform: translateY(-230px) translateX(var(--d)) scale(1.1) rotate(var(--r)); opacity: 0; } } /* ============================================================ */ /* 🔴🔴🔴 3. ЭФФЕКТ ПРИ НАВЕДЕНИИ 🔴🔴🔴 */ /* ============================================================ */ .price-action-btn:hover { /* 🔴🔴🔴 ПОДЪЁМ КНОПКИ ПРИ НАВЕДЕНИИ (-4px) 🔴🔴🔴 */ transform: translateY(-4px); /* 🔴🔴🔴 ТЕНЬ ПРИ НАВЕДЕНИИ (ЛЕГКОЕ УСИЛЕНИЕ) 🔴🔴🔴 */ box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.45) !important; } /* ============================================================ */ /* ТЕХНИЧЕСКАЯ ЧАСТЬ (БЕЗ ИЗМЕНЕНИЙ) */ /* ============================================================ */ .elementor-button-content-wrapper { position: relative; z-index: 5; display: flex !important; justify-content: center !important; align-items: center !important; width: 100%; } .btn-text { font-family: 'Unbounded'; font-size: 16px; font-weight: 700; color: #fff; } .featured-btn .btn-text { color: var(--p-violet-dark); } .price-action-btn::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 90%); border-radius: 50%; z-index: 0; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } .btn-layers-wrap { position: absolute; inset: 0; pointer-events: none; z-index: 0; } .notes-l { transition: opacity 0.4s ease; } .hearts-l { opacity: 0; transition: opacity 0.4s ease; } .featured-btn .n:nth-child(odd), .featured-btn .h:nth-child(odd) { color: rgba(139, 107, 77, 0.4); } .featured-btn .n:nth-child(even), .featured-btn .h:nth-child(even) { color: rgba(139, 107, 77, 0.2); } .featured-btn::before { background: radial-gradient(circle, rgba(139, 107, 77, 0.4) 0%, transparent 90%); } .price-action-btn:hover .notes-l { opacity: 0; } .price-action-btn:hover .hearts-l { opacity: 1; } .n:nth-child(1), .h:nth-child(1) { left: 10%; --d: -20px; --r: -15deg; animation-delay: 0s; } .n:nth-child(2), .h:nth-child(2) { left: 35%; --d: 15px; --r: 10deg; animation-delay: -1.5s; } .n:nth-child(3), .h:nth-child(3) { left: 55%; --d: -10px; --r: -5deg; animation-delay: -3.5s; } .n:nth-child(4), .h:nth-child(4) { left: 75%; --d: 25px; --r: 20deg; animation-delay: -5s; } .n:nth-child(5), .h:nth-child(5) { left: 90%; --d: -5px; --r: 15deg; animation-delay: -7s; } .n:nth-child(6), .h:nth-child(6) { left: 20%; --d: 10px; --r: -10deg; animation-delay: -8.5s; } .p-popular-top { position: absolute; top: -4px; left: 50%; transform: translateX(-50%); background: var(--p-gold); color: var(--p-violet-dark); padding: 6px 16px; border-radius: 50px; font-family: 'Unbounded'; font-size: 10px; font-weight: 900; z-index: 999; white-space: nowrap; box-shadow: 0 5px 12px rgba(0,0,0,0.2); } .p-badge { display: flex; align-items: center; font-family: 'Unbounded'; color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 12px; } .gold-text { color: var(--p-gold); } .p-price { font-family: 'Unbounded'; color: var(--p-gold); font-size: 34px; font-weight: 800; margin-bottom: 25px; } .p-price span { font-size: 18px; } .p-list { list-style: none; padding: 0; margin: 0 0 30px 0; flex-grow: 1; } .p-list li { color: #fff; font-size: 16px; margin-bottom: 12px; padding-left: 30px; position: relative; font-weight: 600; } .p-list li::before { content: '✔'; position: absolute; left: 0; color: var(--p-gold); } .corner-bg-icon { position: absolute; top: -10px; right: -10px; width: 130px; opacity: 0.25; z-index: -1; transform: rotate(15deg); } .glow-border-inside { position: absolute; inset: 10px; border-radius: 22px; z-index: 5; pointer-events: none; padding: 2px; overflow: hidden; } .glow-border-inside::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(from 0deg, transparent 20%, var(--p-gold), #fff, var(--p-gold), transparent 50%); animation: rotateEff 4s linear infinite; } .glow-border-inside::after { content: ""; position: absolute; inset: 2px; background: var(--p-violet-dark); border-radius: 20px; } @keyframes rotateEff { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* 🔴🔴🔴 АДАПТИВ (МОБИЛЬНЫЕ) 🔴🔴🔴 */ @media (max-width: 768px) { .p-section-2026 { padding: 20px 10px; gap: 40px; } .p-card-new { width: 100%; max-width: 340px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b267280 */.elementor-8380 .elementor-element.elementor-element-b267280 { background-color: #FFFFFF; position: relative; overflow: hidden; /* ← добавлено */ } /* Первый слой – редкие фиолетовые пылинки (плывут влево) */ .elementor-8380 .elementor-element.elementor-element-b267280::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 10% 20%, rgba(130,95,232,0.45), transparent), radial-gradient(1px 1px at 30% 70%, rgba(130,95,232,0.4), transparent), radial-gradient(1.5px 1.5px at 50% 40%, rgba(130,95,232,0.5), transparent), radial-gradient(1px 1px at 80% 10%, rgba(130,95,232,0.35), transparent), radial-gradient(1.5px 1.5px at 90% 90%, rgba(130,95,232,0.45), transparent), radial-gradient(1px 1px at 20% 85%, rgba(130,95,232,0.4), transparent), radial-gradient(1.5px 1.5px at 70% 25%, rgba(130,95,232,0.45), transparent), radial-gradient(1px 1px at 40% 60%, rgba(130,95,232,0.35), transparent); background-size: 350px 350px; animation: driftLeft 18s linear infinite; } /* Второй слой – редкие фиолетовые пылинки (плывут вправо) */ .elementor-8380 .elementor-element.elementor-element-b267280::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 15% 65%, rgba(130,95,232,0.5), transparent), radial-gradient(1px 1px at 55% 15%, rgba(130,95,232,0.45), transparent), radial-gradient(1.5px 1.5px at 85% 75%, rgba(130,95,232,0.4), transparent), radial-gradient(1px 1px at 25% 35%, rgba(130,95,232,0.45), transparent), radial-gradient(1.5px 1.5px at 75% 55%, rgba(130,95,232,0.5), transparent), radial-gradient(1px 1px at 5% 45%, rgba(130,95,232,0.35), transparent); background-size: 300px 300px; animation: driftRight 20s linear infinite; } /* Движение влево */ @keyframes driftLeft { 0% { background-position: 0 0; } 100% { background-position: -350px 0; } } /* Движение вправо */ @keyframes driftRight { 0% { background-position: 0 0; } 100% { background-position: 350px 0; } } /* Контент над слоями */ .elementor-8380 .elementor-element.elementor-element-b267280 > * { position: relative; z-index: 1; } /* ← добавь эту строку, чтобы убрать горизонтальную прокрутку на всей странице */ body { overflow-x: hidden; } @media (max-width: 767px) { .elementor-8380 .elementor-element.elementor-element-b267280::before, .elementor-8380 .elementor-element.elementor-element-b267280::after { display: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-513afdf *//* ============================================ СКРЫТЬ ПЫЛИНКИ НА МОБИЛЬНЫХ И ПЛАНШЕТАХ Десктоп: от 1025px и выше ============================================ */ @media (min-width: 1025px) { .elementor-8380 .elementor-element.elementor-element-513afdf { background-color: #825FE8; position: relative; overflow: hidden; } /* Первый слой – белые сверкающие пылинки (плывут влево) */ .elementor-8380 .elementor-element.elementor-element-513afdf::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 10% 20%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 50% 40%, rgba(255,255,255,0.9), transparent), radial-gradient(2px 2px at 80% 10%, rgba(255,255,255,0.65), transparent), radial-gradient(2.5px 2.5px at 90% 90%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 20% 85%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 70% 25%, rgba(255,255,255,0.85), transparent), radial-gradient(2px 2px at 40% 60%, rgba(255,255,255,0.65), transparent); background-size: 350px 350px; animation: driftLeft 18s linear infinite, sparkle 1.5s ease-in-out infinite alternate; will-change: background-position, opacity; } /* Второй слой – бежевые сверкающие пылинки (плывут вправо) */ .elementor-8380 .elementor-element.elementor-element-513afdf::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 15% 65%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 55% 15%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 85% 75%, rgba(255,216,170,0.7), transparent), radial-gradient(2px 2px at 25% 35%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 75% 55%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 5% 45%, rgba(255,216,170,0.65), transparent); background-size: 300px 300px; animation: driftRight 20s linear infinite, sparkle 1.8s ease-in-out infinite alternate 0.5s; will-change: background-position, opacity; } /* Контент над слоями */ .elementor-8380 .elementor-element.elementor-element-513afdf > * { position: relative; z-index: 1; } /* === Ключевые кадры (внутри медиа-запроса, чтобы не конфликтовали) === */ @keyframes driftLeft { 0% { background-position: 0 0; } 100% { background-position: -350px 0; } } @keyframes driftRight { 0% { background-position: 0 0; } 100% { background-position: 350px 0; } } @keyframes sparkle { 0% { opacity: 0.4; } 100% { opacity: 1; } } } /* ============================================ ОБЩИЕ СТИЛИ (все устройства) ============================================ */ /* Убираем горизонтальную прокрутку на всей странице */ body { overflow-x: hidden; } /* Фон секции на мобильных и планшетах (без пылинок) */ @media (max-width: 1024px) { .elementor-8380 .elementor-element.elementor-element-513afdf { background-color: #825FE8; position: relative; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9b83d5d */.elementor-8380 .elementor-element.elementor-element-9b83d5d{ backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7f8a24e */.elementor-8380 .elementor-element.elementor-element-7f8a24e{ backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d5ce641 */.elementor-8380 .elementor-element.elementor-element-d5ce641{ backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f22950b */.elementor-8380 .elementor-element.elementor-element-f22950b{ backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-825b52b */.elementor-8380 .elementor-element.elementor-element-825b52b{ backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8857e79 *//* ============================================ СКРЫТЬ ПЫЛИНКИ НА МОБИЛЬНЫХ И ПЛАНШЕТАХ Десктоп: от 1025px и выше ============================================ */ @media (min-width: 1025px) { .elementor-8380 .elementor-element.elementor-element-8857e79 { background-color: #825FE8; position: relative; overflow: hidden; } /* Первый слой – белые сверкающие пылинки (плывут влево) */ .elementor-8380 .elementor-element.elementor-element-8857e79::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 10% 20%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 50% 40%, rgba(255,255,255,0.9), transparent), radial-gradient(2px 2px at 80% 10%, rgba(255,255,255,0.65), transparent), radial-gradient(2.5px 2.5px at 90% 90%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 20% 85%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 70% 25%, rgba(255,255,255,0.85), transparent), radial-gradient(2px 2px at 40% 60%, rgba(255,255,255,0.65), transparent); background-size: 350px 350px; animation: driftLeft 18s linear infinite, sparkle 1.5s ease-in-out infinite alternate; will-change: background-position, opacity; } /* Второй слой – бежевые сверкающие пылинки (плывут вправо) */ .elementor-8380 .elementor-element.elementor-element-8857e79::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 15% 65%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 55% 15%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 85% 75%, rgba(255,216,170,0.7), transparent), radial-gradient(2px 2px at 25% 35%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 75% 55%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 5% 45%, rgba(255,216,170,0.65), transparent); background-size: 300px 300px; animation: driftRight 20s linear infinite, sparkle 1.8s ease-in-out infinite alternate 0.5s; will-change: background-position, opacity; } /* Контент над слоями */ .elementor-8380 .elementor-element.elementor-element-8857e79 > * { position: relative; z-index: 1; } /* === Ключевые кадры (внутри медиа-запроса, чтобы не конфликтовали) === */ @keyframes driftLeft { 0% { background-position: 0 0; } 100% { background-position: -350px 0; } } @keyframes driftRight { 0% { background-position: 0 0; } 100% { background-position: 350px 0; } } @keyframes sparkle { 0% { opacity: 0.4; } 100% { opacity: 1; } } } /* ============================================ ОБЩИЕ СТИЛИ (все устройства) ============================================ */ /* Убираем горизонтальную прокрутку на всей странице */ body { overflow-x: hidden; } /* Фон секции на мобильных и планшетах (без пылинок) */ @media (max-width: 1024px) { .elementor-8380 .elementor-element.elementor-element-8857e79 { background-color: #825FE8; position: relative; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6845f62 */:root { --violet: #825FE8; --violet-dark: #7655D6; --gold: #FFD8AA; --gold-dark: #EBB87A; --green: #a3e635; } .quiz-wrapper { width: 100%; padding: 0; font-family: 'Montserrat', sans-serif; } .quiz-card { background: var(--violet); border-radius: 32px; padding: 40px; color: white; box-shadow: 0 20px 40px rgba(0,0,0,0.25); width: 100%; margin: 0; position: relative; overflow: hidden; } @media (max-width: 768px) { .quiz-card { overflow: visible; } } @media (max-width: 600px) { .quiz-card { padding: 24px 16px; border-radius: 24px; } } .progress-area { margin-bottom: 30px; position: relative; z-index: 1; } .progress-text { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; color: white; } .progress-track { height: 8px; background: rgba(255,255,255,0.15); border-radius: 20px; margin-top: 8px; position: relative; overflow: visible !important; } .progress-fill { height: 100%; width: 0%; background-color: var(--gold); border-radius: 20px; transition: width 0.3s ease; position: relative; overflow: hidden; } .progress-fill::before { content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: repeating-linear-gradient(45deg, transparent, transparent 8px, var(--gold-dark) 8px, var(--gold-dark) 16px); will-change: transform; animation: moveStripes 2.5s linear infinite; } .progress-fill::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0.4) 70%, transparent 100%); will-change: left; animation: shimmer 2s ease-in-out infinite; } @keyframes moveStripes { 0% { transform: translateX(0); } 100% { transform: translateX(-40px); } } @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } } .step-dot { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 14px; height: 14px; border-radius: 50%; background: rgba(255,255,255,0.3); z-index: 3; transition: 0.3s; display: flex; align-items: center; justify-content: center; font-size: 9px; color: var(--violet-dark); font-weight: bold; } .step-dot.completed { background: var(--gold); opacity: 1; } .step-dot.completed::after { content: '✓'; } .step-dot.active { background: white; box-shadow: 0 0 10px white; } #stepContainer { position: relative; z-index: 1; animation: stepFade 0.45s ease; } @keyframes stepFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } .step-title { font-family: 'Unbounded', sans-serif; font-size: clamp(20px, 4vw, 28px); font-weight: 800; margin-bottom: 24px; color: white; } .step-title.style-step { font-size: clamp(14px, 2.5vw, 22px); } .option-card { border: 2px solid rgba(255,255,255,0.15); border-radius: 16px; padding: 16px 20px; cursor: pointer; display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,0.06); transition: all 0.2s; color: white; font-weight: 600; font-size: 16px; } .option-card:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.4); } .option-card.selected { border-color: var(--gold); background: rgba(255,255,255,0.15); } .option-card.disabled { opacity: 0.4; pointer-events: none; } .radio-dot { width: 22px; height: 22px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: transparent; } .selected .radio-dot { border-color: var(--gold); background: transparent; } .selected .radio-dot::after { content: ''; width: 10px; height: 10px; background: var(--gold); border-radius: 50%; } .input-box { width: 100%; padding: 16px; background: rgba(255,255,255,0.08); border: 2px solid rgba(255,255,255,0.1); border-radius: 16px; color: white !important; font-size: 17px; outline: none; transition: border-color 0.2s, background 0.2s; font-family: 'Montserrat', sans-serif; caret-color: white; } .input-box::placeholder { color: rgba(255,255,255,0.4); } .input-box:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.4); } .input-box:focus { border-color: var(--gold); background: rgba(255,255,255,0.12); color: white !important; } .input-box:hover, .input-box:focus { box-shadow: none; } .input-box:-webkit-autofill, .input-box:-webkit-autofill:hover, .input-box:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px var(--violet) inset !important; -webkit-text-fill-color: white !important; border-color: var(--gold); color: white !important; } .input-box.valid { border-color: var(--green) !important; background: rgba(255,255,255,0.08); } .error-msg { color: #ffb3b3; font-size: 13px; margin-top: 6px; display: none; align-items: center; gap: 4px; } .error-msg.show { display: flex; } .privacy-consent-label { display: flex; align-items: center; gap: 12px; font-size: 15px; cursor: pointer; background: rgba(255, 215, 0, 0.1); border: 2px solid var(--gold); border-radius: 16px; padding: 16px 20px; margin: 20px 0 10px; transition: all 0.3s ease; animation: subtlePulse 2s infinite; color: white; } .privacy-consent-label:hover { background: rgba(255, 215, 0, 0.15); } .privacy-consent-label input[type="checkbox"] { appearance: none; min-width: 24px; height: 24px; border: 2px solid var(--gold); border-radius: 6px; background: rgba(255, 255, 255, 0.08); cursor: pointer; position: relative; } .privacy-consent-label input[type="checkbox"]:checked { background: var(--gold); } .privacy-consent-label input[type="checkbox"]:checked::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--violet-dark); font-weight: bold; font-size: 18px; } .privacy-consent-label a { color: var(--gold); text-decoration: underline; font-weight: 700; } .privacy-consent-label a:hover { color: #FFD700; } .contact-submit-row { display: flex; align-items: center; gap: 16px; margin-top: 20px; } .contact-submit-row .privacy-consent-label { flex: 1; margin: 0; } .submit-btn { background: linear-gradient(180deg, #FFD8AA, #EBB87A); color: #7655D6; border: none; padding: 18px 36px; border-radius: 14px; font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; box-shadow: 0 10px 20px rgba(0,0,0,0.2); font-family: 'Montserrat', sans-serif; opacity: 0.7; pointer-events: none; transition: opacity 0.3s; white-space: nowrap; position: relative; overflow: hidden; } .submit-btn.active { opacity: 1; pointer-events: auto; } .submit-btn::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(139,107,77,0.4) 0%, transparent 90%); border-radius: 50%; animation: rippleGrow 5s infinite ease-out; } .submit-btn::after { display: none; } /* Бонусная плашка */ .bonus-plashka { display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 16px 20px; margin-bottom: 16px; flex-wrap: nowrap; } .bonus-plashka .bonus-icon { width: 40px; height: 40px; flex-shrink: 0; } .bonus-plashka .bonus-content { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; } .bonus-plashka .bonus-title { font-family: 'Unbounded', sans-serif; font-weight: 800; font-size: 17px; color: var(--gold); white-space: nowrap; } .bonus-plashka .bonus-text { font-weight: 600; font-size: 15px; color: white; white-space: nowrap; } @media (max-width: 480px) { .bonus-plashka { flex-direction: column; text-align: center; } .bonus-plashka .bonus-content { flex-wrap: wrap; justify-content: center; } .bonus-plashka .bonus-text { white-space: normal; } } /* Тариф */ .tariff-block { background: rgba(255,255,255,0.1); border-radius: 20px; padding: 16px; border: 1px solid rgba(255,255,255,0.2); margin-bottom: 20px; } .tariff-block h3 { font-family: 'Unbounded', sans-serif; font-size: 20px; color: var(--gold); margin-bottom: 12px; } .tariff-block ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .tariff-block li { font-size: 14px; padding-left: 20px; position: relative; font-weight: 400; } .tariff-block li::before { content: '✔'; color: var(--gold); position: absolute; left: 0; font-weight: 700; } .btn-back, .btn-back:hover, .btn-back:focus, .btn-back:active { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; color: white; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; opacity: 0.8; transition: color 0.2s, opacity 0.2s; position: relative; z-index: 1; } .btn-back:hover { color: var(--gold); opacity: 1; background: transparent !important; } .btn-next { background: linear-gradient(180deg, #FFD8AA, #EBB87A); color: #7655D6 !important; border: none; outline: none; padding: 22px 55px; border-radius: 14px; font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; position: relative; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.2); font-family: 'Montserrat', sans-serif; transition: opacity 0.3s; opacity: 0.7; pointer-events: none; display: flex; align-items: center; gap: 12px; z-index: 1; } .btn-next.active { opacity: 1; pointer-events: auto; } .btn-next .btn-text, .btn-next .btn-arrow { color: inherit; } .btn-next .btn-arrow { display: inline-block; font-size: 20px; animation: arrowMove 1.2s ease-in-out infinite; } @keyframes arrowMove { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } } .btn-layers-wrap { position: absolute; inset: 0; pointer-events: none; z-index: 3; } .notes-l { transition: opacity 0.4s ease; } .hearts-l { opacity: 0; transition: opacity 0.4s ease; } .btn-next:hover .notes-l { opacity: 0; } .btn-next:hover .hearts-l { opacity: 1; } .n, .h { position: absolute; bottom: -50px; opacity: 0; animation: floatUpSlow 10s infinite linear; } .n { font-size: 22px; } .h { width: 24px; height: 24px; } .btn-next .n:nth-child(odd), .btn-next .h:nth-child(odd) { color: rgba(139,107,77,0.45); } .btn-next .n:nth-child(even), .btn-next .h:nth-child(even) { color: rgba(139,107,77,0.25); } @keyframes floatUpSlow { 0% { transform: translateY(0) translateX(0) scale(0.6) rotate(0deg); opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(-230px) translateX(var(--d)) scale(1.1) rotate(var(--r)); opacity: 0; } } .n:nth-child(1), .h:nth-child(1) { left: 10%; --d: -20px; --r: -15deg; animation-delay: 0s; } .n:nth-child(2), .h:nth-child(2) { left: 35%; --d: 15px; --r: 10deg; animation-delay: -1.5s; } .n:nth-child(3), .h:nth-child(3) { left: 55%; --d: -10px; --r: -5deg; animation-delay: -3.5s; } .n:nth-child(4), .h:nth-child(4) { left: 75%; --d: 25px; --r: 20deg; animation-delay: -5s; } .n:nth-child(5), .h:nth-child(5) { left: 90%; --d: -5px; --r: 15deg; animation-delay: -7s; } .n:nth-child(6), .h:nth-child(6) { left: 20%; --d: 10px; --r: -10deg; animation-delay: -8.5s; } .btn-next::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: radial-gradient(circle, rgba(139,107,77,0.4) 0%, transparent 90%); border-radius: 50%; z-index: 1; animation: rippleGrow 5s infinite ease-out; pointer-events: none; } @keyframes rippleGrow { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { opacity: 0.4; } 100% { transform: translateX(-50%) scale(80); opacity: 0; } } .btn-next::after { display: none; } .calendar-box { background: rgba(0,0,0,0.1); border-radius: 16px; padding: 20px; color: white; } .cal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-weight: 700; font-size: 16px; } .cal-header button { background: none; border: none; color: white; font-weight: 800; cursor: pointer; outline: none; padding: 5px 10px; } .cal-header button:focus { outline: none; } .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; text-align: center; } .cal-day-name { font-size: 11px; font-weight: 600; opacity: 0.6; text-transform: uppercase; } .cal-cell { padding: 10px 0; font-size: 15px; font-weight: 700; border-radius: 8px; cursor: pointer; transition: 0.2s; outline: none; } .cal-cell:hover:not(.disabled):not(.empty) { background: rgba(255,255,255,0.2); } .cal-cell.active { background: var(--gold); color: var(--violet-dark); box-shadow: 0 2px 8px rgba(0,0,0,0.15); } .cal-cell.disabled { opacity: 0.25; pointer-events: none; } .cal-cell.empty { opacity: 0; pointer-events: none; } .messenger-row { display: flex; gap: 12px; margin-bottom: 16px; } .messenger-btn { border: 2px solid rgba(255,255,255,0.2); border-radius: 14px; padding: 14px 10px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(255,255,255,0.05); transition: 0.3s; font-size: 14px; font-weight: 700; color: white; flex: 1; } .messenger-btn.active { border-color: var(--gold); background: rgba(255,255,255,0.2); } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .options-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } @media (max-width: 900px) { .options-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .options-grid { grid-template-columns: 1fr; } } @media (max-width: 700px) { .grid-2 { grid-template-columns: 1fr; } .tariff-block ul { grid-template-columns: 1fr; } .btn-next { padding: 18px 40px; font-size: 14px; } .date-container { grid-template-columns: 1fr; } .cal-header button { padding: 5px; } } @media (max-width: 480px) { .messenger-row { flex-wrap: wrap; } .messenger-btn { flex: 1 1 calc(50% - 12px); } } .final-screen { text-align: center; position: relative; z-index: 1; background: rgba(255,255,255,0.1); border-radius: 16px; padding: 30px; } .final-screen .final-icon { width: 80px; height: 80px; margin: 0 auto 20px; display: block; } .final-screen h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(22px, 5vw, 28px); margin-bottom: 16px; color: var(--gold); } .final-screen p { font-size: 18px; margin-bottom: 24px; color: white; } .final-screen .details { background: rgba(255,255,255,0.05); border-radius: 20px; padding: 24px; text-align: left; margin-top: 20px; } .details ul { list-style: none; padding: 0; } .details li { display: flex; align-items: center; gap: 14px; font-size: 16px; margin-bottom: 16px; color: rgba(255,255,255,0.9); } .details li:last-child { margin-bottom: 0; } .step-num { width: 28px; height: 28px; background: var(--gold); color: var(--violet-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; flex-shrink: 0; } .final-note { position: absolute; bottom: -30px; font-size: 24px; opacity: 0; animation: finalFloat 12s infinite linear; color: rgba(118, 85, 214, 0.35); pointer-events: none; z-index: 0; } .final-note:nth-child(1) { left: 10%; animation-delay: 0s; } .final-note:nth-child(2) { left: 25%; animation-delay: -3s; } .final-note:nth-child(3) { left: 40%; animation-delay: -6s; } .final-note:nth-child(4) { left: 55%; animation-delay: -9s; } .final-note:nth-child(5) { left: 70%; animation-delay: -1.5s; } .final-note:nth-child(6) { left: 85%; animation-delay: -4.5s; } .final-note:nth-child(7) { left: 15%; animation-delay: -7.5s; } .final-note:nth-child(8) { left: 50%; animation-delay: -10.5s; } @keyframes finalFloat { 0% { transform: translateY(0) rotate(0deg); opacity: 0; } 10% { opacity: 0.6; } 90% { opacity: 0.6; } 100% { transform: translateY(-350px) rotate(20deg); opacity: 0; } } .options-grid { align-items: stretch !important; } .option-card { height: 100% !important; display: flex !important; align-items: center !important; } .date-container .option-card { height: auto !important; } @media (max-width: 768px) { #navButtons { position: sticky; bottom: 0; background: linear-gradient(to top, rgba(130,95,232,1), rgba(130,95,232,0.95)); padding: 12px 0 16px; z-index: 50; margin-top: 0; } } @keyframes pulseOnce { 0% { transform: scale(1); color: white; } 40% { transform: scale(1.08); color: var(--gold); } 80% { transform: scale(1.08); color: var(--gold); } 100% { transform: scale(1); color: white; } } .pulse-anim { animation: pulseOnce 1.2s ease forwards; } .wedding-discount { background: linear-gradient(135deg, rgba(255,216,170,0.2), rgba(255,216,170,0.05)); border: 2px solid var(--gold); border-radius: 16px; padding: 16px; text-align: center; margin-top: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .wedding-discount p { margin: 0; font-size: 16px; font-weight: 700; color: white; line-height: 1.5; } .wedding-discount strong { color: var(--gold); font-size: 20px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f7e7c41 */.elementor-8380 .elementor-element.elementor-element-f7e7c41 { background-color: #FFFFFF; position: relative; overflow: hidden; /* ← добавлено */ } /* Первый слой – редкие фиолетовые пылинки (плывут влево) */ .elementor-8380 .elementor-element.elementor-element-f7e7c41::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 10% 20%, rgba(130,95,232,0.45), transparent), radial-gradient(1px 1px at 30% 70%, rgba(130,95,232,0.4), transparent), radial-gradient(1.5px 1.5px at 50% 40%, rgba(130,95,232,0.5), transparent), radial-gradient(1px 1px at 80% 10%, rgba(130,95,232,0.35), transparent), radial-gradient(1.5px 1.5px at 90% 90%, rgba(130,95,232,0.45), transparent), radial-gradient(1px 1px at 20% 85%, rgba(130,95,232,0.4), transparent), radial-gradient(1.5px 1.5px at 70% 25%, rgba(130,95,232,0.45), transparent), radial-gradient(1px 1px at 40% 60%, rgba(130,95,232,0.35), transparent); background-size: 350px 350px; animation: driftLeft 18s linear infinite; } /* Второй слой – редкие фиолетовые пылинки (плывут вправо) */ .elementor-8380 .elementor-element.elementor-element-f7e7c41::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 15% 65%, rgba(130,95,232,0.5), transparent), radial-gradient(1px 1px at 55% 15%, rgba(130,95,232,0.45), transparent), radial-gradient(1.5px 1.5px at 85% 75%, rgba(130,95,232,0.4), transparent), radial-gradient(1px 1px at 25% 35%, rgba(130,95,232,0.45), transparent), radial-gradient(1.5px 1.5px at 75% 55%, rgba(130,95,232,0.5), transparent), radial-gradient(1px 1px at 5% 45%, rgba(130,95,232,0.35), transparent); background-size: 300px 300px; animation: driftRight 20s linear infinite; } /* Движение влево */ @keyframes driftLeft { 0% { background-position: 0 0; } 100% { background-position: -350px 0; } } /* Движение вправо */ @keyframes driftRight { 0% { background-position: 0 0; } 100% { background-position: 350px 0; } } /* Контент над слоями */ .elementor-8380 .elementor-element.elementor-element-f7e7c41 > * { position: relative; z-index: 1; } /* ← добавь эту строку, чтобы убрать горизонтальную прокрутку на всей странице */ body { overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bf6eb66 *//* ============================================ СКРЫТЬ ПЫЛИНКИ НА МОБИЛЬНЫХ И ПЛАНШЕТАХ Десктоп: от 1025px и выше ============================================ */ @media (min-width: 1025px) { .elementor-8380 .elementor-element.elementor-element-bf6eb66 { background-color: #825FE8; position: relative; overflow: hidden; } /* Первый слой – белые сверкающие пылинки (плывут влево) */ .elementor-8380 .elementor-element.elementor-element-bf6eb66::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 10% 20%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 50% 40%, rgba(255,255,255,0.9), transparent), radial-gradient(2px 2px at 80% 10%, rgba(255,255,255,0.65), transparent), radial-gradient(2.5px 2.5px at 90% 90%, rgba(255,255,255,0.8), transparent), radial-gradient(2px 2px at 20% 85%, rgba(255,255,255,0.7), transparent), radial-gradient(2.5px 2.5px at 70% 25%, rgba(255,255,255,0.85), transparent), radial-gradient(2px 2px at 40% 60%, rgba(255,255,255,0.65), transparent); background-size: 350px 350px; animation: driftLeft 18s linear infinite, sparkle 1.5s ease-in-out infinite alternate; will-change: background-position, opacity; } /* Второй слой – бежевые сверкающие пылинки (плывут вправо) */ .elementor-8380 .elementor-element.elementor-element-bf6eb66::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(2.5px 2.5px at 15% 65%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 55% 15%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 85% 75%, rgba(255,216,170,0.7), transparent), radial-gradient(2px 2px at 25% 35%, rgba(255,216,170,0.8), transparent), radial-gradient(2.5px 2.5px at 75% 55%, rgba(255,216,170,0.9), transparent), radial-gradient(2px 2px at 5% 45%, rgba(255,216,170,0.65), transparent); background-size: 300px 300px; animation: driftRight 20s linear infinite, sparkle 1.8s ease-in-out infinite alternate 0.5s; will-change: background-position, opacity; } /* Контент над слоями */ .elementor-8380 .elementor-element.elementor-element-bf6eb66 > * { position: relative; z-index: 1; } /* === Ключевые кадры (внутри медиа-запроса, чтобы не конфликтовали) === */ @keyframes driftLeft { 0% { background-position: 0 0; } 100% { background-position: -350px 0; } } @keyframes driftRight { 0% { background-position: 0 0; } 100% { background-position: 350px 0; } } @keyframes sparkle { 0% { opacity: 0.4; } 100% { opacity: 1; } } } /* ============================================ ОБЩИЕ СТИЛИ (все устройства) ============================================ */ /* Убираем горизонтальную прокрутку на всей странице */ body { overflow-x: hidden; } /* Фон секции на мобильных и планшетах (без пылинок) */ @media (max-width: 1024px) { .elementor-8380 .elementor-element.elementor-element-bf6eb66 { background-color: #825FE8; position: relative; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c11299f */.emo-title .elementor-heading-title { color: #FFD8AA; text-shadow: 2px 2px 0 #825FE8; animation: shadowDanceReverse 1.5s ease-in-out infinite alternate; } @keyframes shadowDanceReverse { from { text-shadow: -2px -2px 0 #825FE8; } /* тень влево-вверх */ to { text-shadow: 20px 20px 0 #c084fc; } /* тень вправо-вниз */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-568d77a */.mobile-break { display: none; } @media (max-width: 440px) { .mobile-break { display: inline; } }/* End custom CSS */ /* Start custom CSS *//* ============================================ БАЗОВЫЕ НАСТРОЙКИ (ваше, без изменений) ============================================ */ html { scroll-behavior: smooth; scroll-padding-top: 120px; } /* ===== Пульсация значков ===== */ .ripple-icon .elementor-icon { position: relative; overflow: hidden; } .ripple-icon .elementor-icon::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; animation: rippleBottom 5s ease-out infinite; pointer-events: none; } @keyframes rippleBottom { 0% { transform: translateX(-50%) scale(1); opacity: 0.1; } 100% { transform: translateX(-50%) scale(30); opacity: 0; } } /* ===== БАЗА ПЛЕЕРА ===== */ .custom-audio-wrapper { width: 100%; padding: 10px 15px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(117, 82, 224, 0.2); border-radius: 12px; box-sizing: border-box; } .p-container { display: flex; align-items: center; gap: 15px; } .p-btn { width: 50px !important; height: 50px !important; background: #FFD8AA !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; flex-shrink: 0; position: relative; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border: none; padding: 0; } .p-btn-shimmer { position: absolute; top: -50%; left: -150%; width: 60%; height: 200%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); transform: rotate(25deg); animation: p-shimmer 6s infinite ease-in-out; } @keyframes p-shimmer { 0% { transform: translateX(-150%); } 20% { transform: translateX(150%); } 100% { transform: translateX(150%); } } .p-btn svg { width: 24px !important; height: 24px !important; } .p-icon-play { display: block; } .p-icon-pause { display: none; } .p-is-playing .p-icon-play { display: none; } .p-is-playing .p-icon-pause { display: block; } .p-content { flex-grow: 1; display: flex; flex-direction: column; gap: 4px; } .p-wave { display: flex; align-items: center; justify-content: flex-start; gap: 2px; height: 38px; } .p-bar { width: 3px; background: linear-gradient(to top, #7F5AF0 0%, #FFD8AA 100%); border-radius: 2px; height: 35px; transform-origin: center; animation: pWaveAnim var(--dur) ease-in-out infinite; animation-delay: var(--d); animation-play-state: paused; will-change: transform; transform: scaleY(0.2286); } @keyframes pWaveAnim { 0%, 100% { transform: scaleY(0.2286); } 50% { transform: scaleY(calc(var(--h) / 35)); } } .p-controls-row { display: flex; align-items: center; gap: 10px; width: 100%; } .p-progress-bg { flex-grow: 1; height: 4px; background: rgba(255, 255, 255, 0.1); border-radius: 10px; cursor: pointer; position: relative; touch-action: manipulation; } .p-progress-fill { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, #7F5AF0, #FFD8AA); width: 0%; border-radius: 10px; will-change: width; transition: width 0.1s linear; } .p-time { font-size: 11px; color: rgba(255, 255, 255, 0.6); white-space: nowrap; font-family: sans-serif; min-width: 70px; text-align: right; } /* ===== ШРИФТЫ (ваше, уже swap) ===== */ @font-face { font-family: 'Montserrat'; font-display: swap; } @font-face { font-family: 'Unbounded'; font-display: swap; } /* ===== УВАЖЕНИЕ К prefers-reduced-motion ===== */ @media (prefers-reduced-motion: reduce) { .p-bar, .p-progress-fill, .p-btn-shimmer, .ripple-icon .elementor-icon::before { animation: none !important; transition: none !important; } } /* ============================================ НОВОЕ: GPU-УСКОРЕНИЕ ДЛЯ ЭЛЕМЕНТОВ ИЗ ОТЧЁТА (shadowDanceSmooth, shadowDanceReverse, shimmer) ============================================ */ .elementor-heading-title, .step-number, .stamp-badge__price, .chat-button-icon { will-change: transform, opacity; transform: translateZ(0); backface-visibility: hidden; } /* ============================================ НОВОЕ: CONTAINMENT ДЛЯ ТЯЖЁЛЫХ СЕКЦИЙ ============================================ */ .elementor-section { contain: layout style; } /* ============================================ НОВОЕ: ПЫЛИНКИ — ТОЛЬКО ДЕСКТОП ============================================ */ @media (max-width: 1024px) { body.elementor-page-8380::before, body.elementor-page-8380::after { display: none !important; animation: none !important; content: none !important; } }/* End custom CSS */