/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
$blocks-block__margin: 0.5em;
$white: white;

.madeit-forms-quiz-container {

}

.madeit-forms-quiz-question-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.madeit-forms-quiz-question-button {
    color: $white;
	background-color: #32373c;
	border-radius: var(--wp--custom--border-radius--default, 9999px); // 100% causes an oval, but any explicit but really high value retains the pill shape.
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1.125em;
	padding: calc(0.667em + 2px) calc(1.333em + 2px); // The extra 2px are added to size solids the same as the outline versions.
	text-align: center;
	text-decoration: none;
	word-break: break-word; // overflow-wrap doesn't work well if a link is wrapped in the div, so use word-break here.
	box-sizing: border-box;
    border: none;

	&:hover,
	&:focus,
	&:active,
	&:visited {
		color: $white;
	}
}

.hide-question {
    display: none;
}