.xx-line-link {
  display:inline-flex;
  align-items:center;
  gap:.55em;
  color:inherit;
  font-weight:650;
  text-decoration:none;
}
.xx-line-link::before {
  content:"";
  width:.58em;
  height:.58em;
  flex:0 0 auto;
  border-radius:50%;
  background:#06c755;
  box-shadow:0 0 0 4px color-mix(in srgb,#06c755 14%,transparent);
}
.xx-line-link:hover { text-decoration:underline; text-underline-offset:.24em; }
.xx-line-link-hero { margin:16px 0 0 4px; font-size:14px; letter-spacing:.02em; }
.brand-final .xx-line-link { justify-content:center; min-height:52px; padding:0 22px; border:1px solid currentColor; }
@media(max-width:700px) {
  .brand-final .xx-line-link { width:100%; }
  .xx-line-link-hero { margin-left:0; }
}