.si-card {
	&.type-4 {
		max-width: 300px;
		box-shadow: none;

		.si-card__img {
			align-items: center;
			max-height: 600px;
			img {
				transform: scale(1.2);
			}
		}
		.si-card__interactions {
			top: 0;
			bottom: auto;
		}
		.si-card__text {
			position: absolute;
			bottom: 0;
			border-radius: 0 0 20px 20px;
			background: hsla(var(--si-background), 0.8);
			transition: all 0.25s ease;

			backdrop-filter: saturate(180%) blur(20px);
			p {
				opacity: 1;
			}
		}

		&:hover {
			transform: translate(0, -5px);
			.si-card__img {
				img {
					transform: scale(1);
				}
			}
			.si-card__text {
				padding-top: 15px;
				padding-bottom: 25px;
			}
		}
	}
}