// Mix-ins %padding-small {

padding: $padding-x-small $padding-x-small * 2;
@media (max-width: 1000px) {
  padding: $padding-x-small $padding-x-small;
}

} %padding-regular {

padding: $padding-small $padding-large;
@media (max-width: 1000px) {
  padding: $padding-small * 1.5 $padding-large / 1.6;
}
@media (max-width: 576px) {
  padding: $padding-small;
}

} // Buttons .button {

border-radius: 0.3em;
border: 1px solid;
display: inline-block;
margin: 1em 0;
padding: 0.5em 0.75em;

} a.button {

@extend .button-link;

} .button-link {

&:hover {
  background: $link-color;
  border: 1px solid $link-color;
  color: $background-color;
  text-decoration: none;
}

} .body-link {

&:hover {
  text-decoration: underline;
  color: darken($link-color, 15%);
}

} // States .disabled {

opacity: 0.7;

}