.wp-block-perspective-digiforma-steps {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.wp-block-perspective-digiforma-steps .pccf-steps__item {
	background: var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--medium);
    border-radius: 20px;
}

.wp-block-perspective-digiforma-steps .pccf-steps__summary {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	list-style: none;
	cursor: pointer;
	padding: 12px 44px 12px 0;
    font-size: var(--wp--preset--font-size--h-3);
    font-weight: 500;
    user-select: none;
}

.wp-block-perspective-digiforma-steps .pccf-steps__summary::-webkit-details-marker {
	display: none;
}

.wp-block-perspective-digiforma-steps .pccf-steps__summary::marker {
	content: "";
}

.wp-block-perspective-digiforma-steps .pccf-steps__summary::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 14px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="14" fill="none"><path stroke="%231a1a30" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.833" d="m.917.916 11.272 11.272a.88.88 0 0 0 1.283 0L24.744.916"/></svg>');
}

.wp-block-perspective-digiforma-steps .pccf-steps__item[open] > .pccf-steps__summary::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="14" fill="none"><path stroke="%231a1a30" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.833" d="M.917 12.466 12.189 1.194a.88.88 0 0 1 1.283 0l11.272 11.272"/></svg>');
}

.wp-block-perspective-digiforma-steps .pccf-steps__number {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
	font-weight: 600;
    font-size: 32px;
    line-height: 1;
}

.wp-block-perspective-digiforma-steps .pccf-steps__title {
	flex: 1 1 auto;
}

.wp-block-perspective-digiforma-steps .pccf-steps__substeps {
	margin: 0;
	padding: 24px 0 0 18px;
    color: var(--wp--preset--color--text-secondary);
}