/* V14 — consistent non-emoji directional arrows */
.ui-arrow{
  display:inline-block;
  position:relative;
  width:.72em;
  height:.72em;
  flex:0 0 .72em;
  margin-left:.42em;
  vertical-align:.02em;
  color:currentColor;
  font-size:1em;
  line-height:1;
}
.ui-arrow::before{
  content:"";
  position:absolute;
  left:7%;
  top:49%;
  width:92%;
  height:1.5px;
  border-radius:99px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:center;
}
.ui-arrow::after{
  content:"";
  position:absolute;
  top:3%;
  right:2%;
  width:52%;
  height:52%;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  border-radius:1px;
}
.service-icon .ui-arrow,
.contact-trigger .ui-arrow{
  margin-left:0;
}
.service-icon .ui-arrow{font-size:17px}
.contact-trigger .ui-arrow{font-size:24px;margin-top:12px}
.project-bottom button,
.preview-shield span,
.quick-contact-card em,
.contact-choice em,
.modal-live-link,
.price-card a,
.text-link,
.nav-cta{
  align-items:center;
}
@media(max-width:600px){
  .ui-arrow{width:.65em;height:.65em;flex-basis:.65em}
  .contact-trigger .ui-arrow{font-size:21px}
}