.card {
  background-color: var(--theme-green-lighter);
  border: 3px solid var(--theme-green-hunter);
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: var(--gap-standard);
}

.flex {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: var(--gap-standard);
}

.hidden {
  display: none;
}


/* MODIFIERS_________________________________________________________________________________________ */

.card--bubble {
  border-radius: 100vw;
  padding: 0.5rem 3.5rem;
}

.card--dark {
  background-color: var(--theme-green-hunter);
}

.flex--column {
  flex-direction: column;
}

.flex--double-gap {
  gap: var(--gap-double);
}