.custom-btn {
  background-color: #007bff; /* Bootstrap blue */
  color: white;
  border: 1px solid #0056b3;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition:
    background-color 0.3s,
    border-color 0.3s;
  margin-right: 10px; /* space between buttons */
}

.custom-btn:hover {
  background-color: #0056b3;
  border-color: #004080;
}

.custom-btn:active {
  background-color: #003d66;
  border-color: #002952;
}