.btn{
    font-family: 'DMSans';
    background: none;position: relative;overflow: hidden;top: 0;z-index: 10; border: 1px solid $color-none; 
    padding: 0 10px; min-width: 160px; height: 60px; line-height: 60px; font-size: 16px; font-weight: 500;
	@include border-radius(0px);
    &.fluid{min-width: inherit;width: 100%;position: relative;}
    &:focus{ @include box-shadow(none);}
}

.btn-primary{
    color: $color-danger; background-color: $color-light; border-color: $color-light;
    &:hover,&:active:hover, &.active:hover, &:active:focus,&.actitve:focus,&:active.focus,&.active.focus,&:focus:hover,
    &.focus:hover{color: $color-light; background-color: $color-darkgray; border-color: $color-darkgray; }
    &.disabled,&.disabled:hover{color: $color-light; background-color: $color-primary; border-color: $color-primary; opacity: 0.5;}
}
.btn-secondary{
    color: $color-darkgray; background-color: #EBEBEB; border-color: $color-none;
    &:hover,&:active:hover, &.active:hover, &:active:focus,&.actitve:focus,&:active.focus,&.active.focus,&:focus:hover,
    &.focus:hover{color: $color-light; background-color: $color-secondary; border-color: $color-none; }
    &.disabled,&.disabled:hover{color: $color-light; background-color: $color-secondary; border-color: $color-secondary; opacity: 0.5;}
}

.btn-light{
    color: $color-darkgray; background-color: $color-light; border-color: $color-none;
    &:hover,&:active:hover, &.active:hover, &:active:focus,&.actitve:focus,&:active.focus,&.active.focus,&:focus:hover,
    &.focus:hover{color: $color-light; background-color: $color-darkgray; border-color: $color-none; }
    &.disabled,&.disabled:hover{color: $color-light; background-color: $color-secondary; border-color: $color-secondary; opacity: 0.5;}
}

.btn-round-40{border-radius: 40px;}


.btn-lg{
    height: 78px;
    line-height: 76px;
    font-family: 'Mitr';
    font-weight: 400;
    font-size: 30px;
}


.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:not(:disabled):not(.disabled).active, 
.btn-danger:not(:disabled):not(.disabled):active, 
.show > .btn-danger.dropdown-toggle{
	color: #fff; 
	background-color: $color-danger; 
	border-color: transparent;
}
.btn-danger:hover,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger.actitve:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.btn-danger:focus:hover,
.btn-danger.focus:hover{
	color: #fff; 
	background-color: $color-danger; 
	border-color: transparent;
}
.btn-danger.disabled,
.btn-danger.disabled:hover{
	color: #fff; 
	background-color: $color-danger;
	border-color: transparent; 
	opacity: 1;
}

.btn-mute,
.btn-mute:focus,
.btn-mute.focus,
.btn-mute:not(:disabled):not(.disabled).active, 
.btn-mute:not(:disabled):not(.disabled):active, 
.show > .btn-mute.dropdown-toggle{
	color: $color-darkgray; 
	background-color: #ebebeb; 
	border-color: transparent;
    text-decoration: underline;
}
.btn-mute:hover,
.btn-mute:active:hover,
.btn-mute.active:hover,
.btn-mute:active:focus,
.btn-mute.actitve:focus,
.btn-mute:active.focus,
.btn-mute.active.focus,
.btn-mute:focus:hover,
.btn-mute.focus:hover{
	color: $color-darkgray; 
	background-color: #ebebeb; 
	border-color: transparent;
    text-decoration: underline;
}
.btn-mute.disabled,
.btn-mute.disabled:hover{
	color: $color-darkgray; 
	background-color: #ebebeb;
	border-color: transparent; 
	opacity: 1;
}