/* Zoom auf der aeusseren Box, Radius nur auf der inneren.
   Radius + transform auf demselben Element macht Ecken in Chrome eckig. */

#frame-pricing-tables {
	overflow: visible !important;
	overflow-x: visible !important;
}

#frame-pricing-tables .pricing-table-wrapper {
	overflow: visible;
	padding: 32px 20px;
	box-sizing: border-box;
}

#frame-pricing-tables .pricing-table-item,
#frame-pricing-tables .pricing-table-item:hover {
	overflow: visible !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	filter: none !important;
	clip-path: none !important;
	zoom: 1;
	transform-origin: center center;
}

#frame-pricing-tables .pricing-table-item {
	transform: none;
	z-index: 1;
	transition: transform 0.3s ease;
}

#frame-pricing-tables .pricing-table-item:hover {
	transform: scale(1.05);
	z-index: 5;
}

#frame-pricing-tables .pricing-table-item-inner {
	box-sizing: border-box;
	height: 100%;
	padding: 20px;
	border-radius: 10px;
	overflow: visible;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
	text-align: center;
	position: relative;
	background-clip: padding-box;
}

@media all and (min-width: 451px) and (max-width: 1023px) {
	#frame-pricing-tables .pricing-table-item-inner {
		padding: 16px 12px;
	}
}