.alpine-tabs .tab-list {
  list-style: none;
  padding: 0;
  display: flex;
  background-color: #fff;
  box-shadow: 0px 0px 5px 5px rgba(186, 186, 186, 0.39);
  border-radius: 5em;
}
.alpine-tabs li {
  flex-grow: 1;
}
.alpine-tabs li:last-child {
  margin-right: 0;
  /* No margin for the last tab */
}
.alpine-tabs li button {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-flex;
  padding: 1.2rem 3rem;
  justify-content: center;
  border: none;
  border-radius: 5em;
  background-color: white;
  cursor: pointer;
  width: 100%;
  transition: 0.3s ease background-color;
}
.alpine-tabs li button:focus, .alpine-tabs li button:hover, .alpine-tabs li button[aria-selected=true] {
  outline: none;
  background-color: var(--primary);
  transition: 0.3s ease background-color;
}
.alpine-tabs .tab-panels {
  border: none;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

@media (max-width: 810px) {
  .alpine-tabs .tab-list {
    max-width: 40rem;
    border-radius: 20px;
  }
  .alpine-tabs ul {
    flex-direction: column;
  }
}