.hvl-case-pager {
	--cp-line: rgba(20, 22, 29, 0.12);
	display: grid;
	border-top: 1px solid var(--cp-line);
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	line-height: 1.5;
}

@media (min-width: 810px) {
	.hvl-case-pager {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.hvl-case-pager a {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	border-bottom: 1px solid var(--cp-line);
	padding: 28px 0;
	color: var(--e-global-color-text, #14161d);
	text-decoration: none;
}

.hvl-case-pager .hvl-case-pager__next {
	grid-template-columns: minmax(0, 1fr) auto;
	text-align: right;
}

.hvl-case-pager .hvl-case-pager__next .hvl-case-pager__go {
	order: 2;
}

.hvl-case-pager .hvl-case-pager__next:only-child {
	grid-column: 1 / -1;
}

@media (min-width: 810px) {
	.hvl-case-pager a {
		border-bottom: 0;
		padding: 32px 32px 32px 0;
	}

	.hvl-case-pager .hvl-case-pager__prev + .hvl-case-pager__next {
		border-left: 1px solid var(--cp-line);
		padding: 32px 0 32px 32px;
	}
}

.hvl-case-pager small {
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--e-global-color-gris, #6a6f7d);
}

.hvl-case-pager strong {
	display: block;
	margin-top: 4px;
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
	font-size: clamp(30px, 4vw, 48px);
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.045em;
	transition: color 0.2s ease;
}

.hvl-case-pager em {
	display: block;
	margin-top: 6px;
	font-size: 15px;
	font-style: normal;
	line-height: 1.5;
	color: var(--e-global-color-gris, #6a6f7d);
}

.hvl-case-pager a:hover strong {
	color: var(--e-global-color-primary, #08739f);
}

.hvl-case-pager a:focus-visible {
	outline: 2px solid var(--e-global-color-primary, #08739f);
	outline-offset: 4px;
	border-radius: 6px;
}

.hvl-case-pager .hvl-case-pager__go {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 99px;
	color: #fff;
	background-color: #1d1d1f;
	transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.hvl-case-pager .hvl-case-pager__go svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.hvl-case-pager .hvl-case-pager__prev:hover .hvl-case-pager__go {
	transform: translateX(-6px);
}

.hvl-case-pager .hvl-case-pager__next:hover .hvl-case-pager__go {
	transform: translateX(6px);
}