.UserLoginActions {
  display: flex;
  border-bottom: 1px solid var(--colorOutlines);
  margin: 0 auto var(--spaceMd);
  max-width: 50rem;
  width: 100%;
}

.UserLoginActions-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  flex-flow: column;
  flex: 1;
  font-size: .75rem;
  padding: .5rem 1rem;
  color: var(--colorBlack);
  transition: var(--animationBase);
  text-align: center;
}

@media (min-width: 32.01rem) {
  .UserLoginActions-link {
    font-size: .875rem;
  }
}

@media (min-width: 48.01rem) {
  .UserLoginActions-link {
    font-size: 1rem;
    flex-flow: row;
    padding: 1rem;
  }
}

@media (min-width: 64.01rem) {
  .UserLoginActions-link {
    font-size: 1.25rem;
  }
}

.UserLoginActions-link:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  opacity: 0;
  transition: var(--animationBase);
}

.UserLoginActions-link.is-active {
  color: var(--colorBrand);
}

.UserLoginActions-link.is-active:after {
  background: var(--colorBrand);
  opacity: 1;
}

.UserLoginActions-link svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.UserLoginActions-link:hover, .UserLoginActions-link:active, .UserLoginActions-link:focus {
  color: var(--colorBrand);
  text-decoration: none;
}

/*# sourceMappingURL=user-login-actions.min.css.map */