:root {
  --fp-body-font: "english-grotesque", sans-serif;
  --fp-heading-font: "english-grotesque", sans-serif;
  --pu-color-button-background: rgb(5, 129, 173);
  --pu-color-button-text: rgb(255, 255, 255);
  --pu-color-button-border: rgb(34, 52, 56);
  --pu-color-button-outline: rgb(34, 52, 56);
}

fp-unlock::part(connect-button) {
  border: 1px solid rgba(255, 255, 255, 0.71);
  background: #fff;
  color: #223438;
  border-radius: 1.2rem;
  line-height: 32px;
  text-transform: uppercase;
  min-width: 146px;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  --pu-font-button-size: 1rem;
  --pu-button-height: 32px;
}

fp-unlock::part(connect-button):hover {
  background: transparent;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

fp-claim::part(change-account-button),
fp-claim::part(claim-account-button),
fp-claim::part(perks-button),
fp-unlock::part(submit-otp-button),
fp-claim::part(submit-otp-button),
fp-unlock::part(login-button),
fp-claim::part(login-button) {
  border: 1px solid #223438 !important;
  border-radius: 1.2rem;
  height: 32px !important;
  background-color: #223438;
  color: white;
  width: auto;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  text-transform: uppercase;
  min-width: 146px;
  -webkit-box-shadow: none;
          box-shadow: none;
  --pu-font-button-size: 1rem;
  --pu-button-height: 32px !important;
  --pu-size-button-height: 32px !important;
}

fp-claim::part(change-account-button):hover,
fp-claim::part(claim-account-button):hover,
fp-claim::part(perks-button):hover,
fp-unlock::part(submit-otp-button):hover,
fp-claim::part(submit-otp-button):hover,
fp-unlock::part(login-button):hover,
fp-claim::part(login-button):hover {
  border: 1px solid #223438 !important;
  background: transparent;
  color: #223438;
}

@media screen and (max-width: 600px) {
  fp-claim::part(perks-button),
  fp-unlock::part(submit-otp-button),
  fp-claim::part(submit-otp-button),
  fp-unlock::part(connect-button),
  fp-unlock::part(login-button),
  fp-claim::part(login-button) {
    --pu-font-button-size: .8rem;
    --pu-button-height: 25.6px;
    line-height: 25.6px;
    min-width: 118px;
  }
}
fp-unlock::part(account-connected) {
  max-width: 400px;
  margin: 0 auto;
}