.mck-elementor {

	.detail-card {
		margin-inline: auto;
		width: 100%;
	}

	.card--detail-card {
		--detail-card-border-color: #ebe9e3;
		border-color: var(--detail-card-border-color);
		border-radius: var(--border-radius--sm);
		box-shadow: none;
		width: 100%;

		.card__content {
			gap: 12px;
			padding: 20px 23px;

			@container card (width >= 400px) {
				padding: 20px 23px;
			}
		}

		.card__header {
			font-size: 18px;
			font-weight: 500;
			line-height: 27px;
		}

		.card__link {
			color: var(--color-link);
			font-weight: 500;
			line-height: inherit;
		}

		.card__link-icon {
			margin-inline-start: 8px;
			width: 16px;
		}

		.card__body,
		.card__body p {
			font-size: 16px;
			line-height: 24px;
		}
	}

	.card--detail-card--small {
		--detail-card-border-color: var(--color-primary-stroke);

		.card__header {
			font-size: 16px;
			line-height: 24px;
		}

		.card__body,
		.card__body p {
			font-size: 14px;
			line-height: 21px;
		}
	}
}