/*
 * cta/filets — transposition de `.appel` (maquette Astro ADJ) : une phrase centree entre
 * deux filets, le haut de la section colle a la precedente (`.section--serree`).
 * Engagement 5 : aucun hexadecimal.
 */
.ivy-cta--filets {
	--ivy-page-gutter: clamp( 20px, 5vw, 64px );
	box-sizing: border-box;
	padding: 0 max( var( --ivy-page-gutter ), calc( ( 100% - 1280px ) / 2 ) ) clamp( 80px, 9vw, 120px );
}

.ivy-cta--filets .ivy-cta__inner {
	display: grid;
	justify-items: center;
	gap: 16px;
	padding-block: clamp( 48px, 6vw, 80px );
	border-top: 1px solid var( --ivy-line, currentcolor );
	border-bottom: 1px solid var( --ivy-line, currentcolor );
	text-align: center;
}
.ivy-cta--filets .ivy-cta__eyebrow {
	display: block;
	color: var( --ivy-eyebrow-color, var( --ivy-accent-text, var( --ivy-accent, currentcolor ) ) );
	font-size: var( --ivy-font-label );
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.ivy-cta--filets .ivy-cta__title { margin: 0; color: var( --ivy-title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.12; }
.ivy-cta--filets .ivy-cta__text { color: var( --ivy-text-color, var( --ivy-ink, currentcolor ) ); }
.ivy-cta--filets .ivy-cta__text p { margin: 0; font-size: inherit; }
.ivy-cta--filets .ivy-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px 26px; margin-top: 8px; }

.ivy-cta--filets .ivy-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: var( --ivy-radius-action, 999px );
	background: var( --ivy-cta-background-color, var( --ivy-accent, currentcolor ) );
	color: var( --ivy-cta-color, var( --ivy-on-accent, rgb( 255 255 255 ) ) );
	font-size: var( --ivy-font-body );
	font-weight: 500;
	line-height: 1.6;
	text-decoration: none;
	transition: background-color 200ms ease, transform 200ms cubic-bezier( .22, 1, .36, 1 );
}
.ivy-cta--filets .ivy-cta__button:hover { background: var( --ivy-cta-background-color-hover, var( --ivy-line-accent, currentcolor ) ); }
.ivy-cta--filets .ivy-cta__button:active { transform: scale( .98 ); }
.ivy-cta--filets .ivy-cta__button:focus-visible { outline: 2px solid currentcolor; outline-offset: 3px; }

.ivy-cta--filets .ivy-cta__button--secondary {
	min-height: 44px;
	padding: 0;
	background: linear-gradient( var( --ivy-support, currentcolor ), var( --ivy-support, currentcolor ) ) left calc( 100% - 9px ) / 100% 1px no-repeat;
	color: var( --ivy-cta_secondary-color, var( --ivy-accent, currentcolor ) );
	transition: background-size 240ms cubic-bezier( .22, 1, .36, 1 );
}
.ivy-cta--filets .ivy-cta__button--secondary:hover { background-color: transparent; background-position: right calc( 100% - 9px ); background-size: 0 1px; }