﻿.btn-round, .btn-square {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    font-family: 'Cabin', sans-serif;
    font-size: 1.0em;
    transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out;
    color: #2a95d5;
}

.btn-round {
    border: solid 3px #eee;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.btn-square {
    border: solid 1px #eee;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .btn-round:hover, .btn-square:hover {
        text-decoration: none;
        color: #fff;
        background: #2a95d5;
        border-color: #2a95d5;
    }

    .btn-round.green, .btn-square.green {
        background-color: #47b44b;
        border-color: #47b44b;
        color: #fff;
    }

        .btn-round.green:hover, .btn-square.green:hover {
            background: #51bd57;
            border-color: #51bd57;
        }

    .btn-round.blue, .btn-square.blue {
        background-color: #0073dc;
        border-color: #0073dc;
        color: #fff;
    }

        .btn-round.blue:hover, .btn-square.blue:hover {
            background: #0450c2;
            border-color: #0450c2;
        }



.justify {
    display: block;
}

    .justify.right {
        text-align: right;
    }

    .justify.center {
        text-align: center;
    }

@media only screen and (max-width: 767px) {
    .btn-round, .btn-square {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 479px) {
    .btn-round, .btn-square {
        display: block;
        text-align: center;
    }
}
