/* =============================================================================
   Блок ссылок: acf/links-list (.links-list__item = иконка + кнопка).
   Тема позиционирует иконку абсолютом поверх кнопки с отступом слева 70px.
   Делаем из этого сетку карточек-ссылок.
   ========================================================================== */

.links-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: .7rem;
	margin: clamp(1.25rem, 2.5vw, 1.75rem) 0 0;
}

.links-list__item { margin: 0; }

.links-list .get-image {
	left: 1rem;
	width: 34px;
	height: 34px;
	border-radius: 9px;
}

.links-list .get-image img { border-radius: 9px; }

/* место под иконку резервируем только там, где она реально есть */
.links-list__item:has(.get-image) .accent-button { padding-left: 3.6rem; }

.links-list .accent-button {
	width: 100%;
	justify-content: flex-start;
	text-align: left;
	/* тема пишет заголовки кнопок капсом; для навигационных карточек это лишнее */
	text-transform: none;
	font-size: 1rem;
	padding: 1rem 1.1rem;
	background: var(--ms-surface-2);
	border: 1px solid var(--ms-border);
	border-radius: var(--ms-radius);
	color: var(--ms-text);
	font-weight: 600;
	box-shadow: none;
}

.links-list .accent-button:hover {
	background: var(--ms-surface-3);
	border-color: var(--ms-accent-line);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: var(--ms-shadow-hover);
}

.links-list .accent-button:active { transform: translateY(0); }