/* SEND buttons (Contact Us form and Home "Call Now" form): same look and animation as the "Read More" button.
   Outlined blue button. On hover a blue fill sweeps across from the left and a white arrow slides in.
   (A form button cannot hold extra elements, so the fill and the arrow are drawn as backgrounds.) */

.srs-contact .wpcf7-form input[type="submit"],
.srs-contact .wpcf7-submit{
  --srs-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12h15M13 6l6 6-6 6'/></svg>");
  min-width:220px; padding:15px 52px; border:2px solid var(--drawer); border-radius:4px;
  background-color:#fff; color:var(--drawer); font-size:19px; font-weight:500; line-height:1.2; cursor:pointer;
  background-image:var(--srs-arrow), linear-gradient(var(--drawer), var(--drawer));
  background-repeat:no-repeat, no-repeat;
  background-position:right -34px center, left center;
  background-size:24px 24px, 0 100%;
  transition:background-size .7s cubic-bezier(.22,.61,.36,1), background-position .45s ease, color .35s ease;
}
.srs-contact .wpcf7-form input[type="submit"]:hover,
.srs-contact .wpcf7-form input[type="submit"]:focus-visible,
.srs-contact .wpcf7-submit:hover,
.srs-contact .wpcf7-submit:focus-visible{
  color:#fff; background-color:#fff;
  background-image:var(--srs-arrow), linear-gradient(var(--drawer), var(--drawer));
  background-repeat:no-repeat, no-repeat;
  background-position:right 22px center, left center;
  background-size:24px 24px, 100% 100%;
}

/* Call Now form (on the light-blue band): white button, navy fill sweeps across on hover */
.srs-call .wpcf7-form input[type="submit"]{
  --srs-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12h15M13 6l6 6-6 6'/></svg>");
  width:100%; height:64px; border:2px solid #fff; border-radius:6px; background-color:#fff; color:#2b7be0; font-size:19px; font-weight:800;
  background-image:var(--srs-arrow), linear-gradient(var(--drawer), var(--drawer));
  background-repeat:no-repeat, no-repeat;
  background-position:right -34px center, left center;
  background-size:24px 24px, 0 100%;
  transform:none;
  transition:background-size .7s cubic-bezier(.22,.61,.36,1), background-position .45s ease, color .35s ease, border-color .35s ease;
}
.srs-call .wpcf7-form input[type="submit"]:hover,
.srs-call .wpcf7-form input[type="submit"]:focus-visible{
  color:#fff; border-color:var(--drawer); background-color:#fff; transform:none;
  background-image:var(--srs-arrow), linear-gradient(var(--drawer), var(--drawer));
  background-repeat:no-repeat, no-repeat;
  background-position:right 26px center, left center;
  background-size:24px 24px, 100% 100%;
}

@media (max-width:680px){
  .srs-contact .wpcf7-form input[type="submit"]{ width:100%; padding:15px 20px; }
}