.training-wheels__choice {
  flex-basis: 33%;
}

.training-wheels__button {
  background-color: var(--color-bg--card);
  padding: 0.5em 1em;
  border-radius: 1em;
  border: 1px solid var(--color-tertiary--contrast);
  color: var(--color-tertiary--contrast);
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  transition: all 0.3s ease;
  margin: 0.5rem auto;

  @media (min-width: 40em) { margin: 0; }
  [data-color-scheme="dark"] & { background-color: var(--color-bg--main-reversed); }

  &:focus,
  &:hover,
  &:active {
    cursor: pointer;
    outline: none;
    box-shadow: 0 0 3px 5px var(--color-tertiary--contrast);
    transform: scale(1.05);
  }

  &::-moz-focus-inner { border: 0; }
}

.training-wheels__choice2 {
  background-color: #f6f4fe;
  border-color: #f6f4fe;
}

.training-wheels__icon {
  height: 5rem;
  position: relative;
  background: transparent;
  color: var(--color-txt);
  padding-left: 4.5rem;
  line-height: 5rem;
  display: inline-block;
  margin-left: -0.3em;

  [data-color-scheme="dark"] & { color: var(--color-txt--reversed); }

  &::before {
    filter: var(--colorize-ink--always-dark);
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3rem auto;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.training-wheels__icon--feedbox::before { background-image: url("/assets/icons/feedbox-55ae627f.svg"); }
.training-wheels__icon--trailbox::before { background-image: url("/assets/icons/trailbox-c98ccae6.svg"); }
.training-wheels__icon--imbox::before { background-image: url("/assets/icons/imbox-7f1e2804.svg"); }

.training-wheels__mobile-app-hey-menu {
  border-radius: 50%;
  box-shadow: 0 0 2rem var(--color-shadow);
}