//
//button
//

.cbtn{ padding: 9px 20px 9px 15px; @include radius($radius: 24px); font-size: 14px; font-weight: $font-weight-bold; display: inline-block;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 110%;
	&.cbtn-block{ display: block; }
	&.cbtn-primary{ background: $primary ; color: $black; border:4px solid  $primary;
		.img-svg{
			polygon{ fill:$black; }
		}
		&:hover{background:#d75232; border:4px solid #d75232 }
	}
	&.cbtn-secondary{ background: $secondary ; color: $black; border:4px solid $secondary;
		&:hover{background:#3792cf; border:4px solid #3792cf }
	}
	&.cbtn-warning{ background: $warning ; color: $white; border:4px solid $warning;
		&:hover{background:#d3af05; border:4px solid #d3af05 }
	}
	&.cbtn-light{ background: $white ; color: $black; border:4px solid $white }
	&.cbtn-dark{ background: $black ; color: $white; border:4px solid $black }

	&.cbtn-bdr-primary{color: $primary; border:2px solid  $primary;
		.img-svg{
			polygon{ fill:$primary; }
		}
	}
	&.cbtn-bdr-secondary{color: $secondary; border:2px solid $secondary }
	&.cbtn-bdr-warning{color: $warning; border:2px solid $warning }
	&.cbtn-bdr-light{color: $white; border:4px solid $white;
		.img-svg{
			polygon{ fill:$white; }
		}
	}
	&.cbtn-bdr-dark{color: $black; border:2px solid $black }

	&.cbtn-text-primary{color: $primary; padding: 5px 0px !important;
		.img-svg{
			polygon{ fill:$primary; }
		}
	}
	&.cbtn-text-secondary{color: $secondary; padding: 5px 0px !important;	
		.img-svg{
			polygon{ fill:$secondary; }
		}
	}
	&.cbtn-text-danger{color: $danger;	
		.img-svg{
			polygon{ fill:$danger; }
		}
	}
	&.cbtn-text-warning{color: $warning; padding: 5px 0px !important; }
	&.cbtn-text-light{color: $white; padding: 5px 0px !important;}
	&.cbtn-text-dark{color: $black; padding: 5px 0px !important; }

	&.px-0{padding-left: 0; padding-right: 0;}
	span{@include transition (all, 0.5s, ease);
		.img-svg{width: .75rem; height: auto;}
	}

	&:hover{
		span{ margin-left: .5rem;
			&.back{ margin-left: 0px; margin-right: 1rem; }
		}
	}
	span{
			&.back{margin-right:.5rem; }
		}
}