@import '../../../../shared/utils/colors/css/colors';<% if (options.themes) { %>
@import './theme/light';<% } %>

.m-example {
	margin: 1em 0;
	padding: <% if (options.themes) { %>$example-padding<% } else { %>1.8em 2.2em<% } %>;
	background-color: $color-area-background;
	border-radius: <% if (options.themes) { %>$example-border-radius<% } else { %>0.5em<% } %>;
}
.m-example__headline {
	font-size: 1.6em;
	margin-bottom: 0.6rem;
}
.m-example__link {
	color: inherit;
	display: inline-block;
	padding: 0.2rem 0;
}
.m-example__button {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	margin: 1rem 0.5rem 0.5rem 0;
}