.mcla-button {}

.mcla-controls {
  display: flex;
  gap: 2px;
  transition: all 0.6s;
}
.mcla-controls-next {
  background-color: var(--preset-color-brand-electric-yellow);
  width: 30px;
  height: 30px;
  border: 0;
  cursor: pointer;
  transition: all 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcla-controls-prev {
  background-color: var(--preset-color-brand-electric-yellow);
  width: 30px;
  height: 30px;
  border: 0;
  cursor: pointer;
  transition: all 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcla-controls-prev:hover,
.mcla-controls-next:hover {
  background-color: var(--preset-color-brand-light-blue);
}
.mcla-controls-next svg,
.mcla-controls-prev svg {
  fill: var(--preset-color-brand-dark-blue);
}
.mcla-controls-prev svg {
  transform: rotate(270deg);
}
.mcla-controls-next svg {
  transform: rotate(90deg);
}