/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/big-pricing-card/style.css ***!
  \*********************************************************************************************************************************************************************************************************/
.big-pricing-card {
	display: grid;
	grid-template-areas:
		"title blank" /* Hack to keep the title in place and not going under the price tag element */
		"list list"
		"button button";

	grid-template-columns: auto 6.5em;

	box-shadow: var(--wp--custom--card-shadow);
	border-radius: var(--wp--custom--border-radius);

	padding-inline: var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--10);

	position: sticky;
	top: 10rem;

	height: -moz-fit-content;

	height: fit-content;
}

.big-pricing-card__price {
	display: grid;
	place-content: center;

	font-weight: 800;
	font-size: var(--wp--preset--font-size--x-large);
	text-align: center;
	line-height: 1;
	color: var(--wp--preset--color--white);

	background-color: var(--wp--preset--color--primary);

	border-radius: 50%;

	aspect-ratio: 1;

	width: -moz-fit-content;

	width: fit-content;
	height: auto;

	padding: 1.5rem;

	position: absolute;
	top: -1rem;
	right: 0rem;
}

.big-pricing-card__price-row-1,
.big-pricing-card__price-row-3 {
	font-size: 0.75em;
}

.big-pricing-card__price-row-2 {
	font-size: 1.5em;
}

.big-pricing-card__title,
.big-pricing-card h2 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: title;
	font-size: var(--wp--preset--font-size--x-large);
}

.big-pricing-card__list,
.big-pricing-card ul {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: list;
	margin: 0;
}

.big-pricing-card__buttons,
.big-pricing-card .wp-block-buttons {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: button;

	margin-block: var(--wp--preset--spacing--30);
	width: 100%;
}

.big-pricing-card__buttons > .wp-block-button {
	width: 100%;
}

.big-pricing-card__buttons .wp-block-button__link {
	--_width: 100%;
}

@media screen and (min-width: 800px) {
	.big-pricing-card {
		grid-template-columns: auto 3.175em;
	}

	.big-pricing-card__price {
		top: -3rem;
		right: -3rem;
	}
}


/*# sourceMappingURL=style-index.css.map*/