.gpc--find-your-riding .row {
    display: flex;
    flex-flow: row wrap;
    margin: 1rem;
    justify-content: center;
}
.gpc--find-your-riding .form-group {
    flex-basis: 15rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    margin: 0.5rem;
    gap: 0.5rem;
}
.gpc--find-your-riding--message.hidden {
  display: none;
}
.gpc--find-your-riding--message {
  padding: 0.5rem;
  background: color-mix(in srgb, yellow 10%, transparent 90%);
}

.gpc--find-your-riding-input-text {
	border: none;
	background: var(--a-color-white);
	border-radius: 10px;
	padding: 1rem;
	font-size: var(--a-font-size-regular);
	font-family: var(--a-font-family-body);
	color: rgba(26, 64, 46, 0.6);
  text-align: center;
  float: right;
  width: 100%;
}

.gpc--find-your-riding-field {
  width: calc(50% - var(--wp--style--block-gap, .5em)*.5);
  float: left;
}

.gpc--finding-your-riding-button {
  float: right;
  width: calc(50% - var(--wp--style--block-gap, .5em)*.5);
}

.gpc--finding-your-riding-button button {
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc--find-your-riding-input-text {
    width: 50%;
  }

  .gpc--finding-your-riding-button button {
    width: 50%;
  }
}