/* ============================================================
   Magnetic CTA band — Elementor
   ============================================================ */
   .e-con.tf-overons-sparren{
   	display:flex;
   	justify-content:center;
   	align-items:center;
   	background:#000;                       /* u-bg-gray-base */
   	padding:3.125rem 1.5625rem;            /* o-band-medium + гутери */
   	overflow:hidden;
   }
   .tf-magnetic-band-widget,
   .tf-magnetic-band-widget .elementor-widget-container{ display:flex; justify-content:center; width:100%; }

/* Посилання (.o-c2a) */
.tf-magnetic-cta{
	display:inline-flex;
	align-items:center;
	gap:1rem;
	position:relative;
	color:#fff;
	text-decoration:none;
	transition:color .5s cubic-bezier(.22,.61,.36,1);
}
.tf-magnetic-cta:hover,
.tf-magnetic-cta:focus{ color:#3273eb; }   /* o-c2a:hover */

/* Текст (.alpha + u-font-weight-book) */
.tf-magnetic-cta__title{
	color:inherit;
	font-weight:350;
	font-size:1.875rem;
	line-height:2.1875rem;
}

/* Іконка — коло + стрілка (o-c2a-icon-wrap) */
.tf-magnetic-cta__icon{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.3125rem;
	height:2.3125rem;
	border-radius:50%;
	transform:translate3d(var(--mx,0),var(--my,0),0);
	transition:transform .3s cubic-bezier(.22,.61,.36,1);
	will-change:transform;
}
.tf-magnetic-cta__icon svg{
	width:100%;
	height:100%;
	stroke:currentColor;
	fill:none;
}

@media (prefers-reduced-motion:reduce){
	.tf-magnetic-cta__icon{ transform:none !important; transition:none; }
}

/* ---- ≥768px ---- */
@media (min-width:768px){
	.e-con.tf-overons-sparren{ padding:4rem 3rem; }
	.tf-magnetic-cta{ gap:1.5rem; }
	.tf-magnetic-cta__title{ font-size:2.375rem; line-height:2.75rem; }
	.tf-magnetic-cta__icon{ width:3.9375rem; height:3.9375rem; }
}

/* ---- ≥992px ---- */
@media (min-width:992px){
	.e-con.tf-overons-sparren{ padding:6rem 4rem; }
	.tf-magnetic-cta{ gap:2rem; }
}

/* ---- ≥1200px ---- */
@media (min-width:1200px){
	.e-con.tf-overons-sparren{ padding:8rem 6rem; }
	.tf-magnetic-cta{ gap:2.5rem; }
	.tf-magnetic-cta__title{ font-size:3.125rem; line-height:3.625rem; }
	.tf-magnetic-cta__icon{ width:5.625rem; height:5.625rem; border-width:3px; 	left: 55%;
		position: absolute;
		top: 40%; }
	}

/* ---- ≥1550px ---- */
@media (min-width:1550px){
	.e-con.tf-overons-sparren{ padding:7.5rem 10rem; }
	.tf-magnetic-cta{ gap:3rem; }
	.tf-magnetic-cta__title{ font-size:4.125rem; line-height:4.1875rem; }
	.tf-magnetic-cta__icon{ width:7.375rem; height:7.375rem; }
}