/* CSS Style */
.sc-casa-de-aposta-content .casa-pagos-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;

	margin: 32px 0;
	padding: 16px;
	gap: 16px;
	border: 1px solid var(--sc-color-dark-mode-20);
	border-radius: var(--sc-br-8);

	background: url(../../images/card_pagos_background_desktop.png),
		var(--sc-cologbg-dark-mode-card-alt-2);
	background-repeat: no-repeat;
}

.sc-casa-de-aposta-content .casa-pagos-container h3 {
	margin: 0;
	font-weight: 400;
	font-size: 22px;
}

.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-inner {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	gap: 8px;
}

.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-inner .pagos-ico {
	width: 50px;
	height: 33px;
}

.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-media-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	min-width: fit-content;
	gap: 16px;
}

.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-media-cta img {
	max-width: 140px;
	max-height: 140px;
	margin: 0;
}

.sc-casa-de-aposta-content
	.casa-pagos-container
	.casa-pagos-media-cta
	.cta-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 44px;
	padding: 4px 24px;
	border: 2px solid var(--sc-primary-button-color-background);
	border-radius: var(--sc-button-primary-border-radius);

	color: var(--sc-color-primary);
	font-weight: var(--sc-font-weight-regular);
	font-size: 20px;
	font-family: var(--sc-font-family-header);
	letter-spacing: var(--sc-letter-spacing-uppercase);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.sc-casa-de-aposta-content
	.casa-pagos-container
	.casa-pagos-media-cta
	.cta-btn:hover {
	background-color: var(--sc-color-primary-darker);
	color: var(--sc-primary-button-color-text);
}

/* Media Query for Tablets Ipads portrait mode */
@media (max-width: 1024px) {
}

/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 768px) {
	.sc-casa-de-aposta-content .casa-pagos-container {

		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns: 50% 50%;
		gap: 0;
		background: url(../../images/card_pagos_background_mobile.png),
			var(--sc-cologbg-dark-mode-card-alt-2);
		background-size: cover;
		background-repeat: no-repeat;
		background-position-x: right;
	}

	.sc-casa-de-aposta-content .casa-pagos-container h3 {
		grid-area: 1 / 1 / span 1 / span 1;
		margin-bottom: 16px;
		font-size: 18px;
	}

	.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-inner {
		grid-area: 2 / 1 / span 1 / span 1;
		justify-content: flex-start;
		width: 90%;
		margin-right: auto;
	}

	.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-media-cta {
		grid-area: 1 / 2 / span 2 / span 1;
	}

	.sc-casa-de-aposta-content
		.casa-pagos-container
		.casa-pagos-inner
		.pagos-ico {
		width: 32px;
		height: 24px;
	}

	.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-media-cta {
		align-items: center;
	}

	.sc-casa-de-aposta-content
		.casa-pagos-container
		.casa-pagos-media-cta
		.cta-btn {
		font-size: 16px;
	}
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.sc-casa-de-aposta-content .casa-pagos-container {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.sc-casa-de-aposta-content .casa-pagos-container .casa-pagos-inner {
		justify-content: center;
		width: 100%;
		margin: auto;
	}

	.sc-casa-de-aposta-content .casa-pagos-container h3 {
		margin-bottom: 0;
	}

	.sc-casa-de-aposta-content
		.casa-pagos-container
		.casa-pagos-inner
		.pagos-ico {
		width: 50px;
		height: 33px;
	}
}