.package-item {
	grid-template-columns: repeat(2, 1fr);
	background: var(--beige);
	border-radius: 10px;
	padding: var(--m-xs);
	transition: var(--def-trans);
	height: 100%;
	grid-template-rows: auto 1fr auto;
	color: var(--blue);
}

.wp-block-lazyblock-package-item {
	height: 100%;
}

:where(.editor-styles-wrapper) .package-item {
    margin: 0 auto;
    max-width: 558px;
}

.package-item .package-date {
	grid-area: 1/1/1/1;
	position: relative;
	padding: calc(var(--m-xs) + 5px) .5em 5px;
	width: fit-content;
	border: var(--line-height) solid currentColor;
	border-radius: 10px;
	text-align: center;
	max-width: 8ch;
	word-wrap: break-word;
}

.package-item .package-date::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: var(--line-height);
    top: var(--m-xs);
    background: currentColor;
    left: 0;
}

.package-item:hover .arrow-btn-circle {
    background: var(--gold);
}

.package-item .package-type {
    grid-area: 2/1/2/span 2;
    aspect-ratio: 360/300;
    width: 72.5%;
    background: currentColor;
}

.package-item .package-type.spring {
    mask: url(../../img/package-icon-spring.svg) no-repeat right bottom/contain;
}

.package-item .package-type.summer {
	mask: url(../../img/package-icon-summer.svg) no-repeat right bottom/contain;
	width: 90%;
}

.package-item .package-type.autumn {
    mask: url(../../img/package-icon-autumn.svg) no-repeat right bottom/contain;
}

.package-item .package-type.winter {
    mask: url(../../img/package-icon-winter.svg) no-repeat right bottom/contain;
	width: 80%;
}

.package-item .package-title {
    grid-area: 3/1/3/span 2;
}

.package-item .package-price {
	font-weight: 700;
	margin-top: .25em;
	grid-area: 4/1/4/span 2;
}