@layer components {
  .carousel-arrow {
    border: 1px solid var(--color-turmeric);
    border-radius: 9999px;
    padding: calc(var(--spacing) * 2.5);
    transition: all 0.15s;

    &:hover {
      background-color: var(--color-turmeric);
    }

    &:disabled {
      visibility: hidden;
    }
  }
}