.button {
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
    text-align: center;
    cursor: pointer;
    border: none;
}

    .button.full {
        display: block !important;
    }


    /* PRIMARY BUTTON */

    .button.primary {
        background: #078a00;
        color: #ffffff;
    }

        .button.primary:hover {
            background: #23971d;
            -webkit-transition: background 0.3s ease;
            -moz-transition: background 0.3s ease;
            -o-transition: background 0.3s ease;
            transition: background 0.3s ease;
        }


    /* SECONDARY BUTTON */

    .button.secondary {
        color: #2a363f;
        border: 3px solid #078a00;
    }

        .button.secondary:hover {
            border:3px solid #23971d;
            background: #f2fbf1;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
        }


    /* DARK BLUE BUTTON */

    .button.dark-blue {
        background: #2b3740;
        color: #fff;
    }

        .button.dark-blue:hover {
            background: #384650;
            -webkit-transition: background 0.3s ease;
            -moz-transition: background 0.3s ease;
            -o-transition: background 0.3s ease;
            transition: background 0.3s ease;
        }

    /* BLUE BUTTON */

    .button.blue {
        background: #065c97;
        color: #fff;
    }

        .button.blue:hover {
            background: #055083;
            -webkit-transition: background 0.3s ease;
            -moz-transition: background 0.3s ease;
            -o-transition: background 0.3s ease;
            transition: background 0.3s ease;
        }


    /* MINOR BUTTON */

    .button.minor {
        font-size: 13px;
        color: #015c98;
        border: 1px solid #c6dded;
        background: #f0f3f8;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

        .button.minor:hover {
            color: #024a79;
            border: 1px solid #9ab1c1;
            background: #fff;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
        }


    /* MODIFIERS */

    .button.margin-b {
        margin-bottom: 15px;
    }

    .button.margin-t {
        margin-top: 15px;
    }

.float-center {
    margin: 0 auto;
}


/* RESPONSIVE */

.button.small {
    padding: 11px 20px;
}

.button.large {
    padding: 15px 25px;
}

.button.small,
.button.large {
    display: block;
    font-size: 16px;
}

@media (min-width: 577px) {
    .button.small,
    .button.large {
        display: table;
    }
}

.button.secondary.small, .button.minor {
    padding: 5px 14px;
}

.button.secondary.large {
    padding: 12px 22px;
}

.inline-button {
    display: inline-block !important;
}