.lp-page .btn {
  min-width: 194px;
  height: 53px;
  padding: 0 26px;
  border: 2px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  line-height: 1;
  white-space: nowrap;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.lp-page .btn:hover { transform: translateY(-2px); }
.lp-page .btn:active { transform: translateY(0); }
.lp-page .btn:hover,
.lp-page .btn:focus-visible,
.lp-page .btn:active {
  border-width: 3px;
}
.lp-page .btn--red { background: var(--red); box-shadow: none; }
.lp-page .btn--blue { background: var(--blue); box-shadow: none; }
.lp-page .btn--outline { background: #fff; color: var(--blue); border-color: var(--blue); }
.lp-page .btn--red:hover,
.lp-page .btn--red:focus-visible,
.lp-page .btn--red:active {
  background: #fff;
  border-color: var(--red);
  color: var(--red);
}
.lp-page .btn--blue:hover,
.lp-page .btn--blue:focus-visible,
.lp-page .btn--blue:active {
  background: #fff;
  border-color: var(--blue);
  color: var(--blue);
}
.lp-page .btn--outline:hover,
.lp-page .btn--outline:focus-visible,
.lp-page .btn--outline:active {
  background: #fff;
  color: var(--blue);
  border-color: var(--blue);
}