/* Block editor buttons (core/button)
 * Same look as the theme's .button, e.g. the "Varaa aika" button above the footer.
 * Loaded on the front end and inside the block editor (enqueue_block_assets).
 */

.wp-block-buttons {
	margin-bottom: 1rem;
}

.wp-block-button .wp-block-button__link {
	position: relative;
	display: inline-block;
	padding: 1.16em 2rem 1em 1em;
	border: 1px solid transparent;
	border-radius: 2px;
	background-color: #fd0;
	color: #000;
	font-family: "Gotham Rounded A", "Gotham Rounded B", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: .9rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .1s ease-out;
}

.wp-block-button .wp-block-button__link:after {
	content: "›";
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 2.25rem;
	transform: scale(.7);
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
	background-color: #ffe742;
	color: #000;
	text-decoration: none;
}