@mixin system-ui-font {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}
@mixin gradient-bg {
	background: linear-gradient(to right, $color-gr-start 0%, $color-gr-end 100%);
}
@mixin box-shadow {
	box-shadow: 0 20px 40px rgba(#A332B8, 0.2);
}
@mixin box-shadow-hover {
	box-shadow: 0 8px 30px rgba(#A332B8, 0.25);
}

@mixin clearfix {

	&:before,
	&:after {
		content: '';
		display: table;
	}
	&:after {
		clear: both;
	}
}