#page .wp-block-button {
	border-radius: 0;
	transition: 0.3s ease-in-out;
	text-decoration: none;
	background: var(--wp--preset--color--red);
	outline: var(--wp--preset--color--white) solid 2px;
}

#page .wp-block-button a {
	transition: 0.3s ease-in-out;
	background: transparent;
	border-radius: 0;
	color: var(--wp--preset--color--white);
}

#page .wp-block-button:hover {
	background: var(--wp--preset--color--white);
}

#page .wp-block-button a:hover {
	color: var(--wp--preset--color--red);
	opacity: 1;
}


#page .wp-block-button.is-style-white-red {
	background: var(--wp--preset--color--white);
	outline: 2px solid var(--wp--preset--color--red);
}

#page .wp-block-button.is-style-white-red a {
	color: var(--wp--preset--color--red) !important;
}

#page .wp-block-button.is-style-white-red:hover {
	background: var(--wp--preset--color--red);
}

#page .wp-block-button.is-style-white-red:hover a {
	color: var(--wp--preset--color--white) !important;
}

/* backend */
.editor-styles-wrapper .wp-block-button {
	background: transparent !important;
}

.editor-styles-wrapper .wp-block-button .wp-element-button {
	border-radius: 0 !important;
	transition: 0.3s ease-in-out;
	text-decoration: none;
	background: var(--wp--preset--color--red) !important;
	outline: var(--wp--preset--color--red) solid 2px;
	color: var(--wp--preset--color--white);
}

.editor-styles-wrapper .wp-block-button .wp-element-button:hover {
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--red);
}

.editor-styles-wrapper .wp-block-button.is-style-white-red .wp-element-button {
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--red);
}

.editor-styles-wrapper .wp-block-button.is-style-white-red .wp-element-button:hover {
	background: var(--wp--preset--color--red) !important;
	color: var(--wp--preset--color--white);
}

.editor-styles-wrapper .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
	width: 25%;
}
.editor-styles-wrapper .wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
	width: 50%;
}
.editor-styles-wrapper .wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
	width: 75%;
}
.editor-styles-wrapper .wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
	width: 100%;
}