/* Fix for button_to styling in memberships */
.whitespace-nowrap form {
  display: inline-block;
  margin-left: 8px; /* Add spacing between buttons */
}

.whitespace-nowrap button[type="submit"] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  width: 100%;
  text-align: left;
}

.whitespace-nowrap button[type="submit"].flex {
  display: flex;
  align-items: center;
}

/* Fix for button appearance */
.whitespace-nowrap .bg-red-100 {
  background-color: rgba(254, 226, 226, 1) !important;
}

.whitespace-nowrap .bg-red-100:hover {
  background-color: rgba(254, 202, 202, 1) !important;
}

.whitespace-nowrap .bg-indigo-100 {
  background-color: rgba(224, 231, 255, 1) !important;
}

.whitespace-nowrap .bg-indigo-100:hover {
  background-color: rgba(199, 210, 254, 1) !important;
}

/* Fix for button padding */
.whitespace-nowrap .px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.whitespace-nowrap .py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* Fix for rounded corners */
.whitespace-nowrap .rounded {
  border-radius: 0.25rem !important;
}