.scs-card-4 {
	display: inline-flex;
	flex-direction: column;
	gap: 20px;
	width: 266px;
	border-radius: 16px;
	padding: 20px 24px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.2;
	color: var(--scs-main-text);
	transition: background-color .25s ease-in-out,
				color .25s ease-in-out;
}
.scs-card-4 img {
	width: 100%;
	aspect-ratio: 1 / 1;
	max-height: 184px;
	object-fit: contain;
	object-position: center;
	margin-bottom: auto;
}
.scs-card-4:hover {
	color: var(--scs-accent-primary);
	background: var(--scs-bg-soft);
}

@media (max-width: 575px) {
	.scs-card-4 {
		gap: 10px;
		padding: 16px;
	}
	.scs-card-4 img {
		width: 100%;
		max-height: 94px;
	}
}