.btn-primary {
  display: inline-block;
  background-color: #632027;
  color: white;
  font-size: 0.875rem;
  /* text-sm */
  font-weight: 600;
  /* font-semibold */
  padding: 0.625rem 1.75rem;
  /* py-2.5 px-7 */
  border-radius: 0.375rem;
  /* rounded */
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: #4f1a1f;
}

@layer components {
  .btn-king {
    @apply inline-block bg-[#632027] text-white text-sm font-bold px-8 py-3 rounded-md hover:bg-[#4f1a1f] transition-colors duration-300 uppercase tracking-wider;
  }
}