<a href="https://zander.wtf">Visit my website</a>

body {
  padding: 50px;
  text-align: center;
}

a {
  &:link,
  &:visited {
    color: rebeccapurple;
    text-decoration: none;
    border-bottom: 2px solid currentColor;

    @supports (text-decoration-thickness: 2px) {
      text-decoration-style: wavy;
      text-decoration-line: underline;
      text-decoration-color: currentColor;
      text-decoration-thickness: 2px;
      text-underline-offset: 2px;
      text-decoration-skip: ink;
      border: 0;
    }
  }
}