.kodo-paddle-subscription-details-panel .payment-success {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;

	padding-top: 2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.kodo-paddle-subscription-details-panel .payment-success__icon-wrapper {
	width: 6rem;
	height: 6rem;

	background-color: #dcfce7;
	border-radius: 9999px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 1.5rem;

	animation: payment-success-zoom-in 0.5s ease;
}

@keyframes payment-success-zoom-in {
	from {
		transform: scale(0.8);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.kodo-paddle-subscription-details-panel .payment-success__icon {
	width: 3rem;
	height: 3rem;
	color: #22c55e;
}

.kodo-paddle-subscription-details-panel .payment-success__title {
	font-size: 1.875rem;
	font-weight: 700;
	color: #111827;

	margin: 0 0 0.75rem 0;
}

.kodo-paddle-subscription-details-panel .payment-success__description {
	font-size: 1.125rem;
	line-height: 1.625;
	color: #6b7280;

	max-width: 20rem;
}