.ph-custom-card-inline-container {
	margin: var(--spacer-24) 0;
	background-color: var(--grey-1);
	border-radius: 12px;
	padding: 1em;
}

.ph-custom-card-inline::after {
	content: "";
	display: table;
	clear: both;
}

.ph-custom-card-inline-title {
	font-family: var(--base-font-serif);
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
	text-transform: none;
	margin: 0;
}

.ph-custom-card-inline-title a,
.ph-custom-card-inline-image a {
	background-color: transparent;
}

.ph-custom-card-image-container {
	float: right;
	margin-bottom: 1rem;
	margin-left: 1rem;
	max-width: 33.3333%;
}

.ph-custom-card-inline-image {
	max-width: 400px;
	margin-bottom: 10px;
}

body .ph-custom-card-inline-container .ph-custom-card-inline-button.custom-card-inline-button-primary {
	background-color: var(--red-1) !important;
	color: var(--white) !important;
	border-radius: .25rem;
	cursor: pointer;
	display: block;
	font-family: var(--base-font-sans-serif);
	font-size: 1rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.5;
	overflow: hidden;
	padding: var(--spacer-12) var(--spacer-32);
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}

body .ph-custom-card-inline-container .ph-custom-card-inline-button.custom-card-inline-button-secondary {
	background-color: transparent !important;
	text-decoration: underline !important;
	color: var(--black) !important;
	display: block;
	font-family: var(--base-font-sans-serif);
	font-size: 1rem;
	text-align: center;
}

@media (max-width: 1023px) {
	.ph-custom-card-inline {
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: .5rem;
		row-gap: .5rem;
		width: 100%;
	}

	.ph-custom-card-image-container {
		float: none;
		margin-bottom: 1rem;
		margin-left: 0;
		max-width: 100%;
	}
}