.button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 24px;
    padding: 7px 16px;
    min-width: 120px;
    box-shadow: none;
    border: 1px solid transparent;
    transition: all 0.3s ease 0s;
}

.button.button-small {
    padding: 5px 12px;
}

.button:focus {
	outline: 2px solid #2277bb;
    outline: auto 2px Highlight;
    outline: auto 2px -webkit-focus-ring-color;
    outline-offset: 0;
}

/** Primary button **/
.button.button-primary {
    background-color: #004A80;
    border: 1px solid #004A80;
    color: #fff;
}
.button.button-primary:hover:not(:disabled),
.button.button-primary:focus:not(:disabled) {
    background-color: #0074C7;
    border: 1px solid #0074C7;
    color: #fff;
    text-decoration: none;
}
.button.button-primary.disabled:hover {
    background-color: #0074C7;
    border: 1px solid #0074C7;
    color: #D7DCE1;
}
.button.button-primary:disabled,
.button.button-primary.disabled {
    cursor: not-allowed;
    background-color: #0074C7;
    border: 1px solid #0074C7;
    color: #D7DCE1;
    opacity: 0.4;
}

/** Secondary button **/
.button.button-secondary {
    background-color: #fff;
    border: 1px solid #D7DCE1;
    color: #0074C7;
}
.button.button-secondary:hover:not(:disabled),
.button.button-secondary:focus:not(:disabled) {
    background-color: #fff;
    border: 1px solid #0074C7;
    text-decoration: none;
    color: #0074C7;
}
.button.button-secondary.disabled:hover {
    background-color: #fff;
    color: #0074C7;
    border: 1px solid #D7DCE1;
}
.button.button-secondary:disabled,
.button.button-secondary.disabled {
    cursor: not-allowed;
    background-color: #fff;
    color: #0074C7;
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    
}