.yith-wcaf-registration-form .already-an-affiliate-wrapper,
.yith-wcaf-registration-form .become-an-affiliate-form,
.yith-wcaf-registration-form .pending-request-wrapper,
.yith-wcaf-registration-form .rejected-request-wrapper,
.yith-wcaf-registration-form .register-form {
  background-color: transparent !important;
}

.yith-wcaf-registration-form .register-form {
  border: 1px solid var(--color-gray-300) !important;
  border-radius: var(--radius-lg) !important;
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
  margin-bottom: 20px;
}
.yith-wcaf-registration-form label {
  display: block;
}
.yith-wcaf-registration-form input {
  border: 1px solid var(--color-gray-300) !important;
  border-radius: var(--radius-lg) !important;
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
}

.yith-wcaf-registration-form input[type="submit"] {
  margin-block: calc(var(--spacing) * 1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  min-height: 24px;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-width: 0;
  text-decoration-line: none;
  display: inline-flex;
  border-radius: var(--radius-lg) !important;
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
}
