<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: solid;
      text-decoration-line: underline;
      text-decoration-color: currentColor;
      text-decoration-thickness: 2px;
      text-underline-offset: 2px;
      text-decoration-skip: ink;
      border: 0;
    }
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.