section.ck-register {
  background: radial-gradient(59.44% 38.81% at 50% 56.05%, var(--cycling-club-blue) 0%, var(--cycling-club-black2) 100%);
}
section.ck-register .club-component form {
  max-width: 500px;
  padding: 25px;
  margin: auto;
  background-color: var(--cycling-club-white);
  color: var(--cycling-club-dark-blue);
}
section.ck-register .club-component form > div {
  display: flex;
  flex-direction: column;
}
section.ck-register .club-component form label {
  margin-top: 1em;
}
section.ck-register .club-component form input[type="email"],
section.ck-register .club-component form input[type="password"] {
  padding: .5em 1em;
  margin: .675em 0 0;
  border: 1px solid var(--cycling-club-grey);
}
section.ck-register .club-component form .submit-layer {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 65px;
}
section.ck-register .club-component form .submit-layer input[type="submit"] {
  visibility: hidden;
  background-color: var(--cycling-club-blue);
  color: var(--cycling-club-white);
  transition: opacity .5s ease, border-radius .25s ease;
}
section.ck-register .club-component form .submit-layer input[type="submit"]:hover {
  border-radius: 25px;
  background-color: var(--cycling-club-blue);
}
section.ck-register .club-component form .submit-layer .wpcf7-spinner {
  position: absolute;
  align-self: center;
  margin-top: 1.5em;
}
section.ck-register .club-component form .wpcf7-response-output {
  display: none !important;
}
section.ck-register .club-component form p.small {
  margin: 0;
  font-size: .875em;
}
section.ck-register .club-component form p.small {
  margin: 0;
  font-size: .875em;
}
section.ck-register .club-component form p.small a {
  color: #001a30;
  text-decoration: underline;
}
section.ck-register .club-component form p span.title {
  display: block;
  margin-bottom: 1em;
  font-size: 1.125em;
  font-weight: 900;
}
@media screen and (min-width: 1024px) {
  section.ck-register .club-component form {
    max-width: 768px;
  }
}