_benefits-slider-controls

// src/components/patterns/benefits-slider/_benefits-slider-controls/_benefits-slider-controls.twig

<div class="BenefitsSlider-pagination"></div>

<div class="BenefitsSlider-buttons u-container">
	<button type="button" class="BenefitsSlider-button BenefitsSlider-button--prev">
		{% include "@elements/icon/icon.twig" with {
			name: "chevron_left",
			classes: ["BenefitsSlider-buttonIcon"]
		} only %}
		<span class="u-hiddenVisually">{{ "benefitsSlider.button_prev.label"|tc }}</span>
	</button>
	<button type="button" class="BenefitsSlider-button BenefitsSlider-button--next">
		{% include "@elements/icon/icon.twig" with {
			name: "chevron_right",
			classes: ["BenefitsSlider-buttonIcon"]
		} only %}
		<span class="u-hiddenVisually">{{ "benefitsSlider.button_next.label"|tc }}</span>
	</button>
</div>