.button__direction--circle {
  display: flex;
  width: 2.5rem;
  padding: var(--space-050);
  justify-content: space-between;
  align-items: center;
  border-radius: var(--radius-full);
  background: rgba(0, 0, 0, 0.50);
  border: none;
  cursor: pointer;
}

.button__direction--circle:hover {
  background: rgba(0, 0, 0, 0.80);
}

.button__direction--rounded {
  display: flex;
  width: 2.5rem;
  padding: var(--space-0) var(--space-050);
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-150);
  background: var(--color-neutral-100);
  border: none;
  cursor: pointer;
}

.button__direction--rounded:hover {
  border-radius: var(--radius-150);
  background: var(--color-neutral-300);
}

.button__direction--rounded:hover svg path {
  fill: #4B587E;
}