.actuality-block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3rem;
	padding: max(1.5rem, calc(2 * var(--su)));
	outline: 1px solid var(--cbw-deep-pine-10);
	outline-offset: -1px;
	background-color: var(--cbw-white-100);
	border-radius: 1.5rem;
	text-decoration: none;
	transition: .2s ease-in-out background-color, .2s ease-in-out transform, .2s ease-in-out outline-color;
}

.actuality-block:hover, .actuality-block:active {
	background-color: var(--cbw-pumpkin-5);
	outline: 1px solid var(--cbw-pumpkin-40);
}

.actuality-block .content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 90%;
}

.actuality-block .content .cbw-tag {
	font-size: var(--scaling-alert);
	border-radius: 999px;
	border: 1px solid var(--cbw-deep-pine-10);
	width: fit-content;
	line-height: .8;
	padding: max(.75rem, calc(.75 * var(--su))) max(1rem, calc(1 * var(--su)));
}

.actuality-block::after {
    content: '';
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: max(1.5rem, calc(2 * var(--su)));
    height: auto;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%23F46526'/%3E%3Cmask id='mask0_574_3465' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='6' y='6' width='16' height='16'%3E%3Crect x='6' y='6' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_574_3465)'%3E%3Cpath d='M15.2303 17.769L14.5277 17.046L17.0738 14.4999H8.99951V13.4999H17.0738L14.5277 10.9537L15.2303 10.2307L18.9995 13.9999L15.2303 17.769Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");    border-radius: 50%;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transform-origin: center;
    flex-shrink: 0;
}

.actuality-block:hover::after, .actuality-block:active::after {
	transform: rotate(-45deg);
}

.actuality-block .actuality-date {
	font-size: var(--scaling-body-xs-medium);
	font-weight: 500;
}

@media screen and (max-width: 992px) {

	

}


@media screen and (max-width: 767px) {

	.actuality-block .content {
		max-width: unset;
	}

}