@mixin _oTeaserThemeLive {
	.o-teaser--small.o-teaser--live .o-teaser__content {
		padding: 12px;
	}

	.o-teaser--small.o-teaser--live.o-teaser--has-image {
		padding: 12px;
		.o-teaser__content {
			padding: 0px;
		}
	}

	.o-teaser--small.o-teaser--live {
		// create white text red background
		@include _oTeaserInverse;
		background: oPrivateFoundationGet('o3-color-palette-crimson');

		.o-teaser__content * {
			color: white;
			&:hover {
				color: white;
			}
		}

		.o-teaser__meta a:focus,
		.o-teaser__meta a:hover,
		.o-teaser__heading a:focus,
		.o-teaser__heading a:hover,
		.o-teaser__byline a:focus,
		.o-teaser__byline a:hover,
		.o-teaser__standfirst a:visited {
			color: oPrivateColorsMix('o3-color-palette-white', 'o3-color-palette-crimson', 90);
			outline-color: currentColor;
		}

		// @deprecated - o-teaser__timestamp--inprogress has been replaced by o-teaser__timestamp--live
		// https://github.com/Financial-Times/o-teaser/issues/173
		.o-teaser__timestamp-prefix:before,
		.o-teaser__timestamp--inprogress:before,
		.o-teaser__timestamp--live:before {
			background-color: white;
		}
	}
	.o-teaser--live {
		// move "LIVE" to the top without changing the HTML
		.o-teaser__content {
			display: flex;
			flex-direction: column;
		}
		.o-teaser__timestamp {
			order: -1;
			padding-top: 0;

			&:before {
				top: 3px;
			}
		}
		.o-teaser__timestamp time {
			display: none;
		}
	}
}