@mixin alternative-button
{
    background: $color-text-normal;

    &:hover,
    &:focus
    {
        background: $color-background-inverted-normal;
    }

    &.secondary
    {
        @include button-icons($color-text-normal, $color-text-darker);

        color: $color-text-normal;
        background: none;

        &:hover,
        &:focus
        {
            border-color: $color-text-darker;

            color: $color-text-darker;
        }
    }    
}

@mixin wide-button
{
    min-width: steps(16);
}

@mixin heavy-button
{
    @include wide-button;

    padding-top: steps(2.5);
    padding-bottom: steps(2.5);
}

@mixin link-button
{
    @include link;

    text-align: left;
}
