SCSS

by khamer

HTML

<button class="button">button</button>
<a href="#" class="button">button</a>
<a href="#" class="button">button</a>
<button class="button">button</button>

SCSS

* { box-sizing: border-box; }

:root {
  --btn-padding: calc(.75rem);
}

.button {
  background-color: red;
  display: inline-block;
  border: 0;
  padding: var(--btn-padding) calc(2 * var(--btn-padding));
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  vertical-align: baseline;
}