.swiper__navigation {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
i.swiper-arrow {
 	width: 48px;
  height: 36px;
	border: 1px solid var(--color-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color .4s ease;
  cursor: pointer;
}
i.swiper-button-disabled {
	opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
i.swiper-arrow::before {
	color: inherit; 
}
i.swiper-arrow:hover {
  background-color: var(--color-secondary); 
}