@import '../../assets/css/variables.styl';

.row.unc-row
	&.reverse
		flex-direction row-reverse
		
		.unc-content-middle
			flex-direction row-reverse
			
			.anticon
				transform rotate(180deg)
			
		
	.unc-content-middle
		.anticon
			margin .5em

	.unc-card-left,
	.unc-card-right
		background-color white
		padding 1em
		text-align center
		
		h4
			margin-bottom 2em
			
	.unc-card-right
		background-color transparent
		text-align left
		marin-left 1em

@media (max-width: 768px)
	.row.unc-row
		.unc-content-middle
			display block
			text-align center
			
			.anticon
				transform rotate(90deg) !important