.Button {
  position: relative;
  display: table;
  padding: 10px 30px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background-color: var(--clr-primary);
  color: var(--font-clr-primary);
  transition: background-color 0.2s,
    color 0.2s;
}.Button:hover {
    background-color: var(--clr-primary-lighter);
  }.Button i {
    margin-left: 10px;
  }.Button.external-link::after {
    content: '\f08e';
    display: inline-block;
    margin-left: 5px;
    font-family: 'Font Awesome 6 Pro';
  }

a.Button {
  cursor: pointer;
}

.Button + .Button {
  margin-top: 10px;
}