.container {
	padding: 4px;
	background-color: #320756; // Adjusted to match the background color in the image
	border-radius: 10px;
	max-width: 504px;
	margin: auto;
	text-align: left;
	position: absolute;
	bottom: 114px;
	right: 48px;

	.root {
		margin: 44px;
		background-color: #320756;
		height: fit-content;
		display: flex;
		flex-direction: column;
		gap: 24px;

		.text {
			display: flex;
			flex-direction: column;
			gap: 24px;
		}

		.form {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

		.buttons {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}
	}
}

.container-icon {
	.newsletter {
		position: absolute;
		bottom: 44px;
		right: 48px;
		background-color: #320756;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;

		.newsletter-icon {
			position: absolute;
			width: 24px;
			height: 24px;
			font-size: 24px;
		}
	}
}