Fluid Code Engine (fonts):

Place the following code under Elementor Custom Code, position <head> with prio 10

To quickly copy all text hover over the "highlighted text"and a copy button will appear in the top right corner of the widget!
Click button down here for an example of the code:
				
					<style>:root{--step--3:clamp(0.58rem,calc(0.58rem + 0.00vw),0.58rem);--step--2:clamp(0.72rem,calc(0.71rem + 0.05vw),0.77rem);--step--1:clamp(0.90rem,calc(0.87rem + 0.13vw),1.03rem);--step-0:clamp(1.13rem,calc(1.08rem + 0.25vw),1.38rem);--step-1:clamp(1.41rem,calc(1.32rem + 0.43vw),1.83rem);--step-2:clamp(1.76rem,calc(1.62rem + 0.69vw),2.44rem);--step-3:clamp(2.20rem,calc(1.99rem + 1.06vw),3.26rem);--step-4:clamp(2.75rem,calc(2.43rem + 1.59vw),4.34rem);--step-5:clamp(3.43rem,calc(2.96rem + 2.35vw),5.79rem);--step-6:clamp(4.29rem,calc(3.61rem + 3.42vw),7.71rem);--step-7:clamp(5.36rem,calc(4.38rem + 4.92vw),10.28rem);}h1{font-size:var(--step-4);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#f4a261;}h2{font-size:var(--step-3);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#f4a261;}h3{font-size:var(--step-2);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#f4a261;}h4{font-size:var(--step-1);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#f4a261;}h5{font-size:var(--step-0);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#f4a261;}h6{font-size:var(--step--1);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#f4a261;}p{font-size:var(--step-0);font-weight:400;font-family:"Poppins",Arial,sans-serif;color:#264653;}.my-btn .elementor-button{background-color:#e9c46a;min-width:10rem;border-radius:1.563rem;}.my-btn .elementor-button::before{content:'';position:absolute;background:#e76f51;width:10rem;height:100%;top:0;left:0;border-radius:1.563rem;transform:scaleX(0);transform-origin:right;transition:transform .6s ease;}.my-btn .elementor-button:hover::before{transform:scaleX(1);transform-origin:left;}.my-btn .elementor-button-text{z-index:1;}.my-btn:hover .elementor-button-icon{color:white;z-index:1;transition:color .6s ease}.my-btn .elementor-button-icon{transform:scale(1.3);padding-left:5px;}.XS{font-size:var(--step--3);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#e76f51;}.S{font-size:var(--step--2);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#e76f51;}.M{font-size:var(--step-5);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#e76f51;}.L{font-size:var(--step-6);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#e76f51;}.XL{font-size:var(--step-7);font-weight:700;font-family:"Poppins",Arial,sans-serif;color:#e76f51;}</style>


				
			
Fluid Code Engine (e.con):

Place the following code under Elementor Custom Code, position <head> with prio 10

To quickly copy all text hover over the "highlighted text"and a copy button will appear in the top right corner of the widget!
Click button down here for an example of the code:
				
					<style>.u-con .e-con{max-width:1920px;--content-padding:60px;--content-width:calc(100% - var(--content-padding));width:var(--content-width);margin:0 auto;box-sizing:border-box;padding:4rem 0;}@media (min-width:768px){.u-con.e-con{--content-width:calc(95% - var(--content-padding));}}@media (min-width:1200px){.u-con.e-con{--content-width:calc(90% - var(--content-padding));}}@media (min-width:1366px){.u-con.e-con{--content-width:calc(87% - var(--content-padding));}}@media (min-width:1600px){.u-con.e-con{--content-width:calc(84% - var(--content-padding));}}@media (min-width:1920px){.u-con.e-con{--content-width:calc(75% - var(--content-padding));}}@media (min-width:3840px){.u-con.e-con{--content-width:calc(65% - var(--content-padding));}}</style>