.btn {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 2px;
  padding: 8px 12px;
  text-align: center;
}

.btn {
  display: inline-block;
  border: rem(2) solid $blue;
  padding: rem(9) rem(20);
  text-align: center;
  background-color: transparent;
  color: $blue;
  font-weight: 600;
  border-radius: rem(2);
  transition: transition-default();

  &:hover,
  &:focus {
    color: $white;
    background-color: $blue;
  }

  &:active,
  &:focus {
    outline: 0;
  }
}

Add hover, active, and focus styles Add additional button styles
Add hover, active, and focus styles
Add additional button styles
