@mixin mb2_nobtn()
{
    padding: 0;
    border: 0;
    background-color: transparent !important;
    font-weight: inherit;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


@mixin mb2_btn_link()
{
    background-color: transparent !important;
    color: inherit !important;
    padding: 0 .3rem;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;

    &:hover,
    &:focus,
    &:active {
        color: $linkcolor !important;
    }

}


@mixin mb2_button_border($color: $btncolor) {

    border-color: $color;
    color: #000 !important;
    background-color: transparent !important;

    .dark & {
        color: #fff !important;
    }

    &:hover,
    &:focus,
    &:active {
        color: #fff !important;
        background-color: darken( $color, 5% ) !important;
        border-color: darken( $color, 5% );
    }

}


@mixin mb2_button($color: $btncolor) {
	display: inline-block;
  	//font-weight: inherit;
  	cursor: pointer;
	@include mb2_transition1(all, .15s);
	@include button-variant($color, darken($color,5%));
    @include button-size(.4rem, 1.2rem, $fsgeneral, ($fsgeneral*1.65), 3px);
	@include mb2_border_radius(.15rem);
	text-decoration: none !important;
    border-style: solid;
    border-width: 1px;


	/* Make small buttons in blocks */

	.style-default .block &,
    #block-region-content .block & {
	  	@include button-size(.28rem, .78rem, $fssmall, $fssmall_lh, 3px);
	}


	/* Bordered buttons */

	&.btnborder1 {
		@include mb2_button_border( $btncolor );
        @include mb2_border_radius( .22rem );
        border-width: 1px;
	}


	/* Bordered rounded */

	&.rounded1 {
		@include mb2_border_radius(999px);
	}

	.icon {
		margin-right: 0;
	}

    &:focus {
        outline: .2rem solid transparent;
    }


}