.button-primary {
  @apply text-white fill-white bg-blue-primary border-blue-primary dark:bg-yellow-primary dark:border-yellow-primary dark:text-neutral-10 dark:fill-neutral-10;
  position: relative;
}

.button-primary:hover {
  @apply bg-blue-60 border-blue-primary dark:bg-yellow-60 dark:border-yellow-60;
}

.button-primary:active {
  @apply bg-blue-40 border-blue-30 shadow-none dark:bg-yellow-40 dark:border-yellow-30;
}

.button-primary:focus {
  @apply border-white shadow-button-primary-focus z-50 dark:shadow-button-primary-dark-focus;
}

.button-primary:disabled {
  @apply text-neutral-primary fill-neutral-primary bg-neutral-95 border-neutral-95 dark:bg-neutral-40;
}

.button-primary-connected-right {
  @apply border-r-blue-40 dark:border-r-yellow-40;
}

.button-primary-connected-right:disabled {
  @apply border-r-neutral-90;
}
