Basic css button with an exterior and interior rounded border

inner outer border radius button

.button {
  display: inline-block;
  @include border-radius(1.5em);
  padding: 0.25em 2em;
  margin: 0.25em 0;
  font: {
    weight: normal;
    size: 100%;
    family: $brand-face-bold;
  }
  text-align: center;
  min-width: 133px;
  position: relative;
}


.button-branded {
  background-color: $brand-color;
  color: $light-color;
  border: 1px solid rgb(88, 89, 91);

  &:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 96.75%;
    height: 82.5%;
    border: 2px solid white;
    border-radius: 1.5em;
    margin: 1px;
  }
}