/* Forminator image radios: show the response text, which Forminator renders
   screen-reader-only. Every declaration it sets is !important, so these must be too. */
.forminator-radio.forminator-has_image {
	flex-direction: column !important;
	align-items: center !important;
	gap: 0.5rem;
}

.forminator-radio.forminator-has_image .forminator-screen-reader-only {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	overflow: visible !important;
	white-space: normal !important;
	clip: auto !important;
	clip-path: none !important;
	display: block;
	text-align: center;
}

.forminator-radio.forminator-has_image input:checked ~ .forminator-radio-image,
.forminator-radio.forminator-has_image input:hover ~ .forminator-radio-image {
	background-color: #00576b !important;
}

.gm-audio-option {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0.25rem;
}

/* Qualified with `button` so this outranks the theme's Tailwind Preflight reset
   ([type="button"] has the same specificity as a bare class, and loads later). */
button.gm-audio-play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: none;
	border-radius: 9999px;
	background-color: #fede66;
	color: #04252d;
	cursor: pointer;
}

.gm-audio-play svg {
	width: 1rem;
	height: 1rem;
}

.gm-audio-play.is-playing {
	transform: scale(1.1);
}

.forminator-ui .forminator-button-submit {
	color: #fff;
	background-color: #00576b;
	font-weight: bold;
	border-radius: 8px !important;
}