body,
	button {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
	}
	body {
		overflow-y: scroll;
		background: #2e2e2e;
		color: #1d2129;
		direction: ltr;
		line-height: 1.34;
		margin: 0;
		padding: 0;
		unicode-bidi: embed;
		justify-content: center;
        align-items: center;
	}
	main.wrapper {
		display: table;
		height: 100%;
		min-height: 600px;
		position: absolute;
		font-family: Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		font-weight: 300;
		width: 100%;
	}
	main.wrapper .call-to-action {
		height: 216px;
	}
	.call-to-action {
		text-align: center;
	}
	.ads-banner {
		text-align: center;
	}
	main.wrapper .button-section {
		height: 216px;
		display: block;
	}
	main.wrapper .button-color {
		margin-bottom: 64px;
		margin-top: 24px;
		display: flex;
	}
	.button-section {
		text-align: center;
	}
	.button-section .button-shape {
		border-radius: 4px;
		font-family: Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: 200;
		height: 52px;
		margin-bottom: 64px;
		max-width: 290px;
		min-width: 262px;
		width: inherit;
	}
	.button-section .button {
		transition: 200ms cubic-bezier(.08, .52, .52, 1) background-color, 200ms cubic-bezier(.08, .52, .52, 1) box-shadow, 200ms cubic-bezier(.08, .52, .52, 1) transform;
		border: 1px solid;
		border-radius: 2px;
		box-sizing: content-box;
		font-size: 12px;
		-webkit-font-smoothing: antialiased;
		font-weight: bold;
		justify-content: center;
		padding: 0 8px;
		position: relative;
		text-align: center;
		text-shadow: none;
		vertical-align: middle;
		line-height: 22px;
		cursor: pointer;
		display: inline-block;
		text-decoration: none;
		white-space: nowrap;
	}
	main.wrapper .button-shape {
		align-items: center;
		border: none;
		box-shadow: none;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		text-shadow: none;
		white-space: nowrap;
	}
	.button-section .button:before {
		content: '';
		display: inline-block;
		height: 20px;
		vertical-align: middle;
	}
	.button-section .button-backgroundcolor {
		background: #0084ff;
		color: #ffffff;
	}
	.button-text {
		text-align: center;
		white-space: normal;
		width: 100%;
		font-size: 16px;
	}
	section.section {
		display: table-cell;
		vertical-align: middle;
	}
	section.section .headline-text {
		margin-bottom: 24px;
		padding: 0;
		color: #ffffff;
		font-size: 40px;
		font-weight: 300;
		text-align: center;
	}
	section.section h1 {
		margin: 0;
		padding: 0;
		font-size: 36px;
	}
	section.section .message-text {
		color: #ffffff;
		font-size: 16px;
		font-weight: 200;
		line-height: 1.2;
		margin-bottom: 24px;
		text-align: center;
	}
	header {
		height: 120px;
		min-width: 100%;
		width: 120px;
		display: block;
		margin-bottom: 30px;
	}
	header .image-url {
		display: block;
		height: 120px;
		margin-left: auto;
		margin-right: auto;
		width: 120px;
	}
	a.destination-target_url {
		color: inherit;
		text-decoration: inherit;
	}
	img {
		cursor: pointer;
	}
	
	.headline-text {
            font-size: 24px;
            color: #333;
            margin-bottom: 20px;
        }
        .message-text {
            font-size: 18px;
            color: #555;
            margin-bottom: 30px;
        }
        .button-container {
            display: flex;
            justify-content: center;
            gap: 15px;
        }
        .action-button {
            border: none;
            border-radius: 5px;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            transition: transform 0.2s;
        }
        .action-button:hover {
            transform: scale(1.05);
        }
        .yes-button {
            background-color: #4caf50; /* Hijau */
            color: white;
        }
        .no-button {
            background-color: #f44336; /* Merah */
            color: white;
        }