:root{ --fs-teal:#0f7f7a; --fs-purple:#6b2fbf; }

ul.tnav{ list-style:none !important; padding:0 !important; margin:10px 0 !important; }
ul.tnav li{ display:inline-block !important; margin:6px 6px 0 0 !important; }

ul.tnav a{
  display:inline-block !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(15,127,122,.35) !important;
  color:var(--fs-teal) !important;
  text-decoration:none !important;
  font-weight:600 !important;
  background:transparent !important;
}

ul.tnav a:hover{
  color:var(--fs-purple) !important;
  border-color:rgba(107,47,191,.45) !important;
  background:rgba(107,47,191,.08) !important;
}