.btn-cta,
.signup-submit {
  font-family: 'InterBlack', sans-serif;
  font-size: 16px;
  line-height: 19px;
  padding: 6px 10px 7px 11px;
  margin: 0;
  background-color: var(--green-500);
  border: none;
  border-radius: 8px;
  color: var(--grey-100);
  filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.25));

  &:hover, &:focus-visible {
    background-color: var(--green-400);
    position: relative;
    bottom: 2px;
    filter: drop-shadow(0px 6px 0px rgba(0, 0, 0, 0.15));

    &:active {
      background-color: var(--green-600);
      position: relative;
      bottom: -2px;
      filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.5));
    }
  }

  &:hover {
    cursor: pointer;
  }

  &:active {
    background-color: var(--green-500);
    position: relative;
    bottom: 0px;
    filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.5));
  }
}

.signup-submit:disabled {
  cursor: progress;
  bottom: 0;
  filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.25));
  background-color: var(--green-600);
}