/*
 * acf/link-block - блок перелинковки в конце страницы.
 * Раскладку тема держит на flex + width:calc(25% - 2rem) у карточки: свою сетку сюда
 * ставить нельзя, ширины детей остаются от темы и карточки схлопываются.
 * Рамку акцентом даёт body[data-change-theme] .image_title_text_arrow.links-block
 * .link-block - селектор повторяем в той же форме.
 */

main .links-block .link-block,
body[data-change-theme] main .image_title_text_arrow.links-block .link-block,
body[data-change-theme] main .image_title_text_read_more.links-block .link-block {
	align-items: flex-start;
	background: var(--gs-surface);
	border: 1px solid var(--gs-line);
	border-radius: var(--gs-radius);
	padding: 18px 44px 18px 20px;
	position: relative;
	transition: border-color .25s var(--gs-ease), box-shadow .25s var(--gs-ease),
		transform .25s var(--gs-ease);
}

main .links-block .link-block:hover {
	border-color: var(--gs-accent);
	box-shadow: var(--gs-shadow);
	transform: translateY(-2px);
}

main .links-block .link-block__title {
	color: var(--gs-text);
	font-size: 1.02rem;
	font-weight: 600;
	margin-bottom: 6px;
	text-align: left;
}

main .links-block .link-block__text {
	color: var(--gs-muted);
	font-size: .9rem;
	line-height: 1.5;
	text-align: left;
}

/* Ссылка накрывает карточку целиком, стрелку показываем в правом верхнем углу. */
main .links-block .link-block__link,
body[data-change-theme] main .image_title_text_read_more.links-block .link-block__link {
	align-items: flex-start;
	color: var(--gs-accent);
	display: flex;
	inset: 0;
	justify-content: flex-end;
	padding: 16px 16px 0 0;
	position: absolute;
}

main .links-block .link-block__link i {
	transition: transform .25s var(--gs-ease);
}

main .links-block .link-block:hover .link-block__link i {
	transform: translateX(3px);
}

/* В этом шаблоне контейнер картинки пустой - место занимать не должен. */
main .links-block .link-block__image:empty {
	display: none;
}