/* ===== Slider Arrow — exquise circle-button: 44px white circle, soft shadow ===== */
.cc_08gehf9r_productslider .kombos-slider-arrow, .cc_08gehf9r_productdetail .kombos-slider-arrow, .cc_08gehf9r_heroslider .kombos-slider-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: var(--kombos-white);
  box-shadow: 0 2px 10px rgba(28, 28, 28, 0.15);
  cursor: pointer;
  font-size: 1rem;
  color: var(--kombos-gray-900);
  transition:
    opacity 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

/* transform is reserved for positioning by parent components */
.cc_08gehf9r_productslider .kombos-slider-arrow:hover:not(:disabled), .cc_08gehf9r_productdetail .kombos-slider-arrow:hover:not(:disabled), .cc_08gehf9r_heroslider .kombos-slider-arrow:hover:not(:disabled) {
  box-shadow: 0 2px 14px rgba(28, 28, 28, 0.3);
}

.cc_08gehf9r_productslider .kombos-slider-arrow:disabled, .cc_08gehf9r_productdetail .kombos-slider-arrow:disabled, .cc_08gehf9r_heroslider .kombos-slider-arrow:disabled {
  cursor: default;
  color: var(--kombos-gray-400);
}