﻿.button {
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px;
    border-radius: 4px;
    background-color: #ba1a56;
    background-color: #359946;
    background-color: #762b90;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.2s linear;
    width: 100%;
    max-width: 200px;
}

.button.is-grey {
    background-color: #666;
    color: #ba1a56;
}

    .button.is-white {
        background-color: #fff;
        color: #762b90;
    }

.button-large {
    height: 40px;
    line-height: 40px;
    max-width: 290px;
}

.button:hover {
    background-color: #840a38;
    background-color: #1d5427;
    background-color: #5e1d75;
    color: #fff;
    cursor: pointer;
}

.button.is-white:hover {
    background-color: #ccc;
}