.contact-civility{
  min-width:0;
  margin:0 0 20px;
  padding:0;
  border:0;
}
.contact-civility legend{
  color:#1f2b1c;
  padding:0;
  margin:0 0 10px;
  font:500 14px/1.5 "Work Sans",sans-serif;
}
.contact-civility-options{ display:flex; flex-wrap:wrap; gap:10px; }
.contact-civility-options label{ position:relative; margin:0; cursor:pointer; }
.contact-civility-options input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  opacity:0;
}
.contact-civility-options span{
  display:block;
  min-width:112px;
  padding:11px 18px;
  border:1px solid rgba(31,43,28,.35);
  border-radius:4px;
  background:#f7f2e6;
  color:#1f2b1c;
  text-align:center;
  font:500 15px/1.4 "Work Sans",sans-serif;
}
.contact-civility-options input:checked + span{ background:#1f2b1c; color:#f7f2e6; }
.contact-civility-options input:focus-visible + span{ outline:2px solid #c4694f; outline-offset:3px; }