.ticketChoice{
  font-family: 'Source Sans 3', sans-serif;
  font-size: var(--font-m);
  padding-top: var(--padding-2);
  padding-bottom: var(--padding-2);
  padding-left: var(--padding-2);
  padding-right: var(--padding-2);
  box-shadow: var(--shadow-ring);
  border-radius: calc(var(--radius-s) + var(--padding-4) + var(--padding-2));
  margin-top: var(--padding-8);
  background: var(--neutral-fog);
}

.ticketChoiceTitle{
 padding-top: var(--padding-2);
 padding-bottom: var(--padding-2_5);
}

.ticketChoiceTitle, .buttonContainer{
  padding-left: var(--padding-4);
}

.buttonContainer{
 padding-top: var(--padding-4);
 padding-bottom: var(--padding-4);
 padding-right: var(--padding-4);
 border-radius: calc(var(--radius-s) + var(--padding-4));
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 gap: var(--padding-4);
 background: white;
 box-shadow: var(--shadow-ring);
}
button{
 font-family: 'Source Sans 3', sans-serif;
}
.ticketButton{
  flex: 1;
  min-width: min(380px, 100%);
  border: none;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 1px;
  cursor: pointer; 
  align-self: stretch;
  overflow-wrap: break-word;
  hyphens: auto;
  text-wrap: balance;
  font-size: 0.875rem;
  border-radius: var(--radius-s);
}

.ticketButton:focus-visible{
 box-shadow: 0px 0px 0px 3px var(--primary-dark-indigo);
 outline: none;
}

.needHelp{
  color: var(--deep-red);
  background-color: var(--light-red);
  border: 1px solid var(--light-red);
}

.needHelp:hover{
  border-color: var(--deep-red);
}

.needNoHelp{
  color: var(--deep-green);
  background-color: var(--light-green);
  border: 1px solid var(--light-green);	
}

.needNoHelp:hover{
   border-color: var(--deep-green);
}