.btn-primary {
  background-color: #2563eb; /* Tailwind's bg-blue-600 */
  color: #ffffff;            /* text-white */
  font-weight: 500;          /* font-medium */
  padding: 10px;      /* py-2 px-4 */
  border-radius: 0;     /* rounded-lg */
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  border: none;
}

.btn-primary:hover {
  background-color: #1d4ed8; /* Tailwind's hover:bg-blue-700 */
}


.btn {
  background-color: whitesmoke; /* Tailwind's bg-blue-600 */
  color: black;            /* text-white */
  font-weight: 500;          /* font-medium */
  padding: 0.5rem 1rem;      /* py-2 px-4 */
  border-radius: 0;     /* rounded-lg */
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  border: 0.7px solid #ddd;
}