.btn {
  @apply inline-block rounded border border-transparent px-5 py-2 font-semibold transition;
}

.btn-sm {
  @apply rounded-sm px-4 py-1.5 text-sm;
}

.btn-primary {
  @apply border-primary text-white bg-primary 
    dark:border-darkmode-primary dark:text-dark dark:bg-white;
}

.btn-outline-primary {
  @apply text-dark bg-transparent border-dark hover:bg-dark hover:text-white 
    dark:text-white dark:border-white dark:hover:text-dark dark:hover:bg-white;
}