.mck-elementor {

	.announcement {

		.announcement__inner {
			background-color: var(--announcement-bg);
			background-image: var(--announcement-gradient);
			border-radius: var(--border-radius--md);
			color: var(--announcement-fg);
			display: flex;
			flex-flow: column;
			font-size: 24px;
			gap: var(--vspace-md);
			line-height: 1.2;
			margin-inline: auto;
			padding: 50px 27px;
			width: min(var(--site-width-wide), 100%);

			@media (width >= 1024px) {
				align-items: center;
				display: grid;
				grid-template-columns: 1fr auto;
				justify-content: space-between;
				padding-inline: 48px;
			}

			.announcement__content {

				p, ul, ol {
					&:not(:last-child) {
						margin-bottom: 18px;
					}
				}

				.announcement__eyebrow {
					align-items: center;
					display: flex;
					font-size: 14px;
					font-weight: 500;
					gap: 5px;
					letter-spacing: 1.5px;
					line-height: 1.4;
					margin-block-end: 14px;
					text-transform: uppercase;
	
					.announcement__icon {
						aspect-ratio: 1;
						display: inline-block;
						fill: currentColor;
						inset-block-start: 2px;
						position: relative;
						width: 10px;
					}
				}
			}

			.announcement__cta {

				@media (width >= 1024px) {
					display: flex;
					justify-content: end;
				}

				.btn {
					border-color: currentColor;
				}
			}
		}
	}
	
	.announcement--dark {
		--announcement-bg: var(--color-primary-dark);
		--announcement-fg: var(--color-primary-dark-contrast);
		--announcement-gradient: linear-gradient(90deg, #005c90, #04345c);
	}
	
	.announcement--light {
		--announcement-bg: var(--color-tertiary-light);
		--announcement-fg: var(--color-primary);
		--announcement-gradient: linear-gradient(90deg, #f6f6f6, #dfdbd0);
	}
}