/* Shared, touch-safe feedback for the contact calls to action. */
.pill[href^="/contact/"],.pill.send-button{
  background:var(--ink);color:var(--paper);border-color:var(--ink);
  transform:scale(1);transform-origin:center;
  transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.2,.65,.3,1);
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.pill[href^="/contact/"]>span:last-child,.pill.send-button:not([aria-busy="true"])>span:last-child{
  display:block;transform:translate(0,0);
  transition:transform .2s cubic-bezier(.2,.65,.3,1);
}
@media(hover:hover) and (pointer:fine){
  .pill[href^="/contact/"]:hover,.pill.send-button:not(:disabled):hover{
    background:var(--paper);color:var(--ink);
  }
  .pill[href^="/contact/"]:hover>span:last-child{transform:translateX(3px)}
  .pill.send-button:not(:disabled):hover>span:last-child{transform:translate(2px,-2px)}
}
.pill[href^="/contact/"]:is(:active,.is-pressed),.pill.send-button:not(:disabled):is(:active,.is-pressed){
  background:var(--paper);color:var(--ink);transform:scale(.975);
}
.pill[href^="/contact/"]:focus-visible,.pill.send-button:focus-visible{
  outline:2px solid var(--ink);outline-offset:4px;
}
html.visual-editing .pill[href^="/contact/"],html.visual-editing .pill.send-button,
html.visual-editing .pill[href^="/contact/"]>span:last-child,html.visual-editing .pill.send-button>span:last-child,
html[data-motion="off"] .pill[href^="/contact/"],html[data-motion="off"] .pill.send-button,
html[data-motion="off"] .pill[href^="/contact/"]>span:last-child,html[data-motion="off"] .pill.send-button>span:last-child{
  transition:none;transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  html .pill[href^="/contact/"],html .pill.send-button,
  html .pill[href^="/contact/"]>span:last-child,html .pill.send-button>span:last-child{
    transition:none;transform:none!important;
  }
}