.ontario-button:focus,
.ontario-button:active {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    transition: box-shadow .1s ease-in-out
}

.btn-primary, input[type="submit"], button[type="submit"] {
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    font-size: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.5555555556;
    margin: 0 calc(1rem + 0.75rem) 1.5rem 0;
    margin-left: 28px;
    min-width: 10rem;
    padding: .625rem 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #06c;
    color: #fff
}


@media screen and (max-width: 40em) {
    .ontario-button {
        margin-right: 0;
        display: block;
        width: 100%
    }
}

.btn-primary .ontario-icon {
    margin-right: 4px
}

.btn-primary:hover {
    background-color: #00478f;
    color: #fff
}

.btn-primary:focus {
    background-color: #00478f;
    color: #fff;
    transition: background-color .2s ease-out, box-shadow .1s ease-in-out
}

.btn-primary:active {
    background-color: #002142;
    color: #fff;
    transition: background-color 0s, box-shadow .1s ease-in-out
}

.btn-primary:visited {
    color: #fff
}




.btn-default {
    background-color: #fff;
    border: 2px solid #06c;
    color: #06c;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.btn-default:hover {
    background-color: #e0f0ff;
    border-color: #00478f;
    color: #00478f
}

.btn-default:focus {
    background-color: #e0f0ff;
    border-color: #00478f;
    color: #00478f;
    transition: background-color .2s ease-out, box-shadow .1s ease-in-out
}

.btn-default:active {
    background-color: #c2e0ff;
    border-color: #002142;
    color: #002142;
    transition: background-color 0s, box-shadow .1s ease-in-out
}

.btn-default:visited {
    color: #06c
}

.btn-default {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    font-size: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.5555555556;
    margin: 0 calc(1rem + 0.75rem) 1.5rem 0;
    margin-left: 28px;
    min-width: 10rem;
    padding: .625rem 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 40em) {
    .ontario-button {
        margin-right: 0;
        display: block;
        width: 100%
    }
}



.ontario-button--tertiary {
    background-color: transparent;
    color: #06c;
    text-decoration: underline
}

.ontario-button--tertiary:hover {
    background-color: #e8e8e8;
    color: #00478f;
    text-decoration: underline
}

.ontario-button--tertiary:focus {
    background-color: #e8e8e8;
    color: #00478f;
    text-decoration: underline;
    transition: background-color .2s ease-out, box-shadow .1s ease-in-out
}

.ontario-button--tertiary:active {
    background-color: #d1d1d1;
    color: #002142;
    text-decoration: underline;
    transition: background-color 0s, box-shadow .1s ease-in-out
}

.ontario-button--tertiary:visited {
    color: #06c
}