.wp-block-zlobek-document.zlobek-document-block {
	align-items: center;
	background: #fff;
	border: 1px solid #d9e1ea;
	border-radius: 22px;
	display: grid;
	gap: 20px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin-block: 1.5rem;
	padding: 22px;
}

.zlobek-document-block__icon {
	align-items: center;
	background: #eaf5fb;
	border-radius: 17px;
	color: #12356b;
	display: flex;
	height: 58px;
	justify-content: center;
	width: 58px;
}

.zlobek-document-block__icon svg {
	fill: none;
	height: 29px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 29px;
}

.zlobek-document-block__category {
	color: #167d78;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	margin: 0;
	text-transform: uppercase;
}

.zlobek-document-block h3 {
	font-size: 1.25rem;
	margin: 3px 0 5px;
}

.zlobek-document-block h3 a {
	color: inherit;
	text-decoration: none;
}

.zlobek-document-block__excerpt {
	color: #536273;
	font-size: 0.9rem;
	margin: 0 0 6px;
}

.zlobek-document-block__meta {
	color: #536273;
	font-size: 0.76rem;
	margin: 0;
}

.zlobek-document-block__actions {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.zlobek-document-block__download {
	background: #12356b;
	border-radius: 999px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 800;
	padding: 11px 18px;
	text-decoration: none;
	white-space: nowrap;
}

.zlobek-document-block__html-link {
	color: #12356b;
	font-size: 0.88rem;
	font-weight: 800;
}

@media (max-width: 700px) {
	.wp-block-zlobek-document.zlobek-document-block {
		align-items: start;
		grid-template-columns: auto minmax(0, 1fr);
	}

	.zlobek-document-block__actions {
		align-items: stretch;
		grid-column: 1 / -1;
	}

	.zlobek-document-block__download {
		text-align: center;
	}
}