/* normal style */
@media print,screen {
	.viewmore {
		border: 1px solid #040000;
		display: inline-block;
		padding: 4px 30px 4px 16px;
		text-align: center;
		color: #040000;
		font-style: italic;
		position: relative;
		font-size: 90%;
		transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
		background-image: linear-gradient(to right, #040000 0%, #040000 49%, #fff 50%, #fff 100%);
		background-size: 210% 100%;
		background-position: top right;
	}
	.viewmore:after {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		border: 1px solid #040000;
		border-width: 1px 1px 0 0;
		transform: rotate(45deg);
		position: absolute;
		right: 15px;
		top: calc( 50% - 0.45em );
		transition: border-color 0.3s ease-in-out;
	}
	.viewmore:hover {
		color: #ffffff;
		background-position: top left;
	}
	.viewmore:hover:after {
		border-color: #ffffff;
	}

	.viewmore.vm-gray {
		border-color: #9E9D9F;
		color: #9E9D9F;
		background-image: linear-gradient(to right, #9E9D9F 0%, #9E9D9F 49%, #fff 50%, #fff 100%);
	}
	.viewmore.vm-gray:hover {
		color: #ffffff;
	}
	.viewmore.vm-gray:after {
		border-color: #9E9D9F;
	}
	.viewmore.vm-gray:hover:after {
		border-color: #ffffff;
	}

	.viewmore.vm-red {
		border-color: #E60113;
		color: #E60113;
		background-image: linear-gradient(to right, #E60113 0%, #E60113 49%, #fff 50%, #fff 100%);
	}
	.viewmore.vm-red:hover {
		color: #ffffff;
	}
	.viewmore.vm-red:after {
		border-color: #E60113;
	}
	.viewmore.vm-red:hover:after {
		border-color: #ffffff;
	}

	.viewmore.vm-blue {
		border-color: #202A69;
		color: #202A69;
		background-image: linear-gradient(to right, #202A69 0%, #202A69 49%, #fff 50%, #fff 100%);
	}
	.viewmore.vm-blue:hover {
		color: #ffffff;
	}
	.viewmore.vm-blue:after {
		border-color: #202A69;
	}
	.viewmore.vm-blue:hover:after {
		border-color: #ffffff;
	}

	.viewmore.vm-white {
		border-color: #fff;
		color: #fff;
		background-image: linear-gradient(to right, #fff 0%, #fff 49%, #ffffff00 50%, #ffffff00 100%);
	}
	.viewmore.vm-white:hover {
		color: #e60113;
	}
	.viewmore.vm-white:after {
		border-color: #fff;
	}
	.viewmore.vm-white:hover:after {
		border-color: #e60113;
	}

	.viewmore.vm-green {
		border-color: #fff;
		color: #fff;
		background-image: linear-gradient(to right, #fff 0%, #fff 49%, #ffffff00 50%, #ffffff00 100%);
	}
	.viewmore.vm-green:hover {
		color: #3AA033!important;
	}
	.viewmore.vm-green:after {
		border-color: #fff;
	}
	.viewmore.vm-green:hover:after {
		border-color: #3AA033!important;
	}
}