/**
 * Стили UI-блока: Кнопки прокрутки
 *
 * @package medexpress-by-fin-code
 */

.me-scroll-buttons {
	display: flex;
	gap: 16px;
}

.me-scroll-buttons__prev,
.me-scroll-buttons__next {
	width: 52px;
	height: 52px;
	background: #fff;
	border: 1px solid var(--gray-border-color);
	border-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color);
	cursor: pointer;
}

.me-scroll-buttons__prev:disabled,
.me-scroll-buttons__next:disabled {
	cursor: default;
}

.me-scroll-buttons__prev:disabled svg,
.me-scroll-buttons__next:disabled svg {
	opacity: 0.3;
}