.form-toggle {
  width: 100%;
  display: flex;
  background-color: var(--union-grey-light);
  border-radius: 3px 3px 0 0;
}

.form-toggle__link {
  font-family: KhandBold, Roboto;
  width: 50%;
  text-align: center;
  color: var(--union-grey-darkest);
  padding: 16px 0 10px;
  line-height: 18px;
  text-decoration: none;
}

.form-toggle__link:hover {
  color: var(--union-black);
  text-decoration: none;
}

.form-toggle__link:active,
.form-toggle__link:focus {
  color: var(--union-red);
}

.form-toggle__link-text {
  font-size: 18px;
}

.form-toggle__link--selected {
  color: var(--union-red);
  background-color: var(--union-white);
  border-radius: 3px 3px 0 0;
}

.form-toggle__left-link--selected {
  box-shadow: 3px -2px 5px -2px var(--union-grey-darker);
}

.form-toggle__right-link--selected {
  box-shadow: -5px 0px 5px -5px var(--union-grey-darker);
}

@media only screen and (min-width: 720px) {
  .form-toggle__link {
    padding: 20px 0 14px;
  }
  .form-toggle__link-text {
    font-size: 22px;
  }
}