.btn{
  background-color: $themePrimary;
  color: $themeWhite;
  border: 0;

  @include hover-focus-active{
    background-color: $themePrimaryHover;
    color: $themeWhite;
    outline: none;
  }

  &.secondary{
    background-color: $themeSecondary;
    @include hover-focus-active{
      background-color: $themeSecondary;
    }
  }

  padding: $sizeSmall $sizeMedium;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  &.full{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  &.btn-icon{
    padding: $sizeSmall;
    svg{
      margin: 0 auto;
      width: $sizeSmall*2;
    }
  }
}

.button-group{
  margin-top: $sizeMedium;
  display: flex;
  justify-content: flex-end;
  .btn{
    margin-left: $sizeSmall;
  }
}