@import url("final-ux-refinements.css");

.contact-options{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  color:#68798c;
  font:500 13px/1.45 var(--sans,Arial,sans-serif);
  margin:17px 0 0;
}
.contact-options span{color:inherit}
.contact-options a{
  color:var(--ink,#071d3a);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.contact-options a[href^="mailto:"]::before{content:"✉";font-size:15px;line-height:1;transform:translateY(-.5px)}
.contact-options a[href*="wa.me"]::before{content:"";display:inline-block;width:15px;height:15px;background:currentColor;-webkit-mask:url("assets/icons/whatsapp.svg") center/contain no-repeat;mask:url("assets/icons/whatsapp.svg") center/contain no-repeat}
.contact-options-light{color:#b9c8d8}
.contact-options-light a{color:#fff}
.page-hero .contact-options{color:#c8d5e2}
.page-hero .contact-options a{color:#fff;border-color:rgba(255,255,255,.75)}
.hero-copy .contact-options{margin-top:18px}
.final-cta .contact-options{justify-content:center}
@media(max-width:600px){
  .contact-options{font-size:12px;gap:10px}
}