<div>
  <h1>Scroll to bottom</h1>
  <div class="space"></div>
  <div class="space"></div>
  <div class="space"></div>
  <button>Click me I'm a button</button>
  <div class="space"></div>
  <div class="space"></div>
  <div class="space"></div>
  <div class="space"></div>
  <div class="space"></div>
  <div class="space"></div>
  <a href="#">Click me I'm a link</a>
  <div class="space"></div>
</div>
body {
  font-family: sans-serif;
}
.div {
  height: 2000px;
}
.space {
  height: 400px;
}

a {
  color: #1c6dd0;
  font-weight: 600;
  text-decoration: none;
  border: 4px solid transparent;

  &:focus {
    border: 4px solid #1c6dd0;
  }
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.