@mixin snowbutton( $color: $color__snowbutton-default ) {

@include transition( all $timing__snowbutton );
@include border-radius( #{ ($padding__snowbutton + $font__size-snowbutton / 2) * 1.2 } );

margin: #{$padding__snowbutton} 0;
padding: $padding__snowbutton;
display: inline-block;

text-transform: uppercase;
text-align: center;
letter-spacing: 7px;

cursor: pointer;

font-size: $font__size-snowbutton;

background-color: transparent;

&:hover {
    padding-left: $padding__snowbutton * 2;
    padding-right: $padding__snowbutton * 2;
}

border: 1px solid $color;
color: $color;

&:hover {
    color: $color__snowbutton-text-dark;
    background-color: $color;
}

@each $name, $val in $colors__snowbutton {
    &.color-#{$name} {
        @include snowbutton-color( $val );
    }
}

}