.ipy-random-post {
	width: 100%;
	box-sizing: border-box;
}

.ipy-random-post__title {
	margin: 0 0 10px;
	font-weight: 700;
	line-height: 1.3;
}

.ipy-random-post__content {
	width: 100%;
}

.ipy-random-post__link {
	display: block;
	width: 100%;
	text-decoration: none;
}

.ipy-random-post__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin: 0;
	padding: 0;
	border: 0;
}

.ipy-random-post__post-title {
	display: block;
	margin-top: 8px;
	font-weight: 700;
	line-height: 1.35;
}

.ipy-random-post__link:hover .ipy-random-post__post-title,
.ipy-random-post__link:focus .ipy-random-post__post-title {
	text-decoration: underline;
}

.ipy-random-post__loading {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	background: rgba(127, 127, 127, 0.12);
}

.ipy-random-post__error {
	display: block;
	font-size: 0.9em;
}