/**
 * components: button
 *
 *
 * @author Björn Hase
 *
 */

$crispy__button__padding: ($crispy__spacing * 0.5) $crispy__spacing !default;

@mixin crispy__button() {
    .button {
        position: relative;
        display: inline-block;
        text-decoration: none;

        vertical-align: middle;
        appearance: none;
        padding: $crispy__button__padding;

        &--wide {
            width: 100%;
        }

        &:hover {
            cursor: pointer;
            text-decoration: none;
        }

        &:focus {
            outline: none;
        }
    }
}