.btn {
    background: none;
    padding: 0 18px;
    text-shadow: none;
    height: 48px;
    font-size: var(--typo-xs);
    line-height: 48px;
    min-width: 150px;
    position: relative;
    vertical-align: middle;
    font-weight: var(--fw-medium);
    border: none;
    -webkit-border-radius: var(--rounded-xs);
    -moz-border-radius: var(--rounded-xs);
    border-radius: var(--rounded-xs);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /* display: flex;
    align-items: center; */
}
.btn-lg{
    font-size: var(--typo-sm);
    height: 70px;
    line-height: 68px;
    min-width: 180px;
}

/* .btn:after {
    content: '\f067';
    font-size: 10px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    font-family: 'FontAwesome';
}
.btn.no-plus:after {
    display: none;
} */




.btn:not(:disabled):not(.disabled).active:focus, 
.btn:not(:disabled):not(.disabled):active:focus, 
.show > .btn.dropdown-toggle:focus{
	box-shadow: none;
}



.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle{
	color: var(--color-white);
    background-color: var(--color-primary);
    border-color: transparent;
}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.actitve:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover{
	color: var(--color-white);
    background-color: var(--color-primary);
    border-color: transparent;
}
.btn-primary.disabled,
.btn-primary.disabled:hover{
	color: var(--color-white);
    background-color: var(--color-primary);
    border-color: transparent;
	opacity: 0.5;
}




.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show > .btn-secondary.dropdown-toggle{
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: transparent;
}
.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.actitve:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover {
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: transparent;
}
.btn-secondary.disabled,
.btn-secondary.disabled:hover{
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: transparent;
    opacity: 0.5;
}





.btn-reset,
.btn-reset:focus,
.btn-reset.focus,
.btn-reset:not(:disabled):not(.disabled).active, 
.btn-reset:not(:disabled):not(.disabled):active, 
.show > .btn-reset.dropdown-toggle{
    border-color: #D4D9DF;
    color: #fff;
    background-color: #D4D9DF;
}
.btn-reset:hover,
.btn-reset:active:hover,
.btn-reset.active:hover,
.btn-reset:active:focus,
.btn-reset.actitve:focus,
.btn-reset:active.focus,
.btn-reset.active.focus,
.btn-reset:focus:hover,
.btn-reset.focus:hover {
    background-color: #D4D9DF;
    color: #fff;
}
.btn-reset.disabled,
.btn-reset.disabled:hover{
    background-color: #D4D9DF;
    color: #fff;
    opacity: 0.5;
}




.btn-font,
.btn-font:focus,
.btn-font.focus,
.btn-font:not(:disabled):not(.disabled).active, 
.btn-font:not(:disabled):not(.disabled):active, 
.show > .btn-font.dropdown-toggle{
    border-color: transparent;
    color: #fff;
}
.btn-font:hover,
.btn-font:active:hover,
.btn-font.active:hover,
.btn-font:active:focus,
.btn-font.actitve:focus,
.btn-font:active.focus,
.btn-font.active.focus,
.btn-font:focus:hover,
.btn-font.focus:hover {
    border-color: transparent;
    color: var(--color-secondary);
}
.btn-font.disabled,
.btn-font.disabled:hover{
    border-color: transparent;
    color: #fff;
}