:host {
  @apply block bg-surface text-surface-content h-14;
}

.scroll-button {
  @apply flex justify-center items-center rounded-full p-2 absolute;
}

.prev-button {
  @apply left-0 top-0 bottom-0;
  background: rgb(0, 0, 0);
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.7) 50%);
}

.next-button {
  @apply top-0 bottom-0 right-[9.5rem];
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.7) 50%);
}
