.tag {
	display: inline-block;
	padding: 0.5rem 0.625rem;
	font-size: 0.9375rem;
	text-align: center;
	color: #fff;
	background-color: #a4bbf9;
	border: 1px solid #a4bbf9;
	border-radius: 6px;
}

a.tag {
	transition: all 0.2s ease-in-out;
}

a.tag:hover {
	color: #fff;
	background-color: #1c54e2;
	border-color: #1c54e2;
}

.tag-sm {
	padding: 0.375rem 0.5625rem 0.125rem;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0;
}

.tag-lg {
	padding: 0.25rem 0.8125rem;
	font-size: 1.125rem;
	font-weight: 400;
	text-transform: none;
}

.tag-rounded {
	border-radius: 8px;
}

.tag-tertiary {
	color: #fff;
	background-color: #ff7461;
	border-color: #ff7461;
}

a.tag-primary:hover {
	color: #fff;
	background-color: #1f3b49;
	border-color: #1f3b49;
}

.tag-light {
	color: #1c54e2;
	background-color: #eeeff4;
	border-color: #eeeff4;
}

a.tag-light:hover {
	color: #fff;
	background-color: #1c54e2;
	border-color: #1c54e2;
}

.tag-gray {
	color: #264555;
	background-color: #f6f7f9;
	border-color: #f6f7f9;
}

.tag-outline {
	color: #1f3b49;
	background-color: #fff;
	border-color: #dde0e9;
}

a.tag-outline:hover {
	color: #fff;
	background-color: #1f3b49;
	border-color: #1f3b49;
}

.tag-container {
	margin-bottom: -0.625rem;
	margin-left: -0.625rem;
}

.tag-container:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.tag-container > * {
	margin-top: 0;
	margin-bottom: 0.625rem;
	margin-left: 0.625rem;
}

p + .tag-container {
	margin-top: 1.65625rem;
}

@media (min-width: 992px) {
	p + .tag-container {
		margin-top: 2.31875rem;
	}
}

@media (min-width: 1600px) {
	p + .tag-container {
		margin-top: 3.3125rem;
	}
}