/* assets/css/double-button.css */
.pretpot-double-button-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.pretpot-double-button-wrapper .pretpot-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	border: none;
	outline: none;
}

/* Ensure buttons don't grow unexpectedly */
.pretpot-double-button-wrapper .pretpot-button-1 {
	flex-shrink: 0;
}

.pretpot-double-button-wrapper .pretpot-button-2 {
	flex-shrink: 0;
}

/* Handle justify alignment */
.pretpot-double-button-wrapper[style*="justify-content: space-between"] .pretpot-button {
	flex-grow: 1;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
	.pretpot-double-button-wrapper {
		flex-direction: column;
	}
	
	.pretpot-double-button-wrapper .pretpot-button-1 {
		margin-right: 0 !important;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.pretpot-double-button-wrapper .pretpot-button-2 {
		width: 100%;
	}
}