.button {
    display: inline-block;
    min-width: 310px;
    min-height: 100px;
    border: 1px solid $black;
    background: $white;
    color: $black;
    font-size: 20px;
    padding: 0 10px;
    -webkit-appearance: button;

    &.button-solid {
        background: $black;
        color: $white;

        &:disabled {
            background: $grey;
            color: $white;
        }
    }

    &.button-round {
        border-radius: 4px;
    }

    &.button-small {
        min-width: 180px;
        min-height: 70px;
    }

    &.button-large {
        min-width: 700px;
        min-height: 100px;
    }

    &:disabled {
        border: 1px solid $grey;
        color: $grey;
    }
}

.button-ghost {
    background-color: transparent;
    border: none;
    outline: none;
}