.block-button,
.wp-block-create-block-button a {
	align-items: center;
	border: none;
	border-radius: var(--wp--style--block--core-button--border-radius, 4px);
	display: flex;
	font-size: 16px;
	font-weight: 400;
	gap: 8px;
	margin-bottom: 24px;
	padding: 13px 24px;
	text-decoration: none !important;
	text-shadow: none;
	width: -moz-fit-content;
	width: fit-content;
}
.block-editor-block-list__block {
	width: auto;
}
.block-button.button-padding-icon,
.wp-block-create-block-button.button-padding-icon {
	padding: 13px 16px;
}
.block-button span,
.wp-block-create-block-button span {
	display: flex;
}
.block-button span svg,
.wp-block-create-block-button span svg {
	height: 12px;
}
.block-button.iconLeft,
.wp-block-create-block-button.iconLeft {
	flex-direction: row-reverse;
}
.block-button.disabled,
.block-button.disabled a,
.wp-block-create-block-button.disabled,
.wp-block-create-block-button.disabled a {
	background-color: #f4f5f6 !important;
	border: none;
	color: #747678 !important;
	cursor: not-allowed;
}
.block-button.fullwidth,
.wp-block-create-block-button.fullwidth {
	display: flex;
	justify-content: center;
	width: -webkit-fill-available;
}
.block-button.fullwidth.space-between,
.wp-block-create-block-button.fullwidth.space-between {
	justify-content: space-between;
}
.block-button.small,
.wp-block-create-block-button.small {
	padding: 9px 12px;
}
.block-button.big,
.wp-block-create-block-button.big {
	padding: 24px;
}
.block-button.ghost {
	border: none;
}
.block-button.outline-button {
	background-color: transparent;
	border: 1px solid;
}
.block-button.outline-button,
.block-button.outline-button.text-color-dark,
.wp-block-create-block-button.outline-button.text-color-dark {
	border: 1px solid var(--wp--preset--color--dark);
	color: var(--wp--preset--color--dark);
}
.block-button.outline-button.text-color-light,
.wp-block-create-block-button.outline-button.text-color-light {
	border: 1px solid var(--wp--preset--color--light);
	color: var(--wp--preset--color--light);
}
.block-button.outline-button.text-color-accent,
.wp-block-create-block-button.outline-button.text-color-accent {
	border: 1px solid var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}
.block-button.outline-button.text-color-secondary,
.wp-block-create-block-button.outline-button.text-color-secondary {
	border: 1px solid var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--secondary);
}
.block-button.outline-button.text-color-primary,
.wp-block-create-block-button.outline-button.text-color-primary {
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.block-button.disabled a:hover,
.block-button.disabled:hover,
.wp-block-create-block-button.disabled a:hover,
.wp-block-create-block-button.disabled:hover {
	background-color: #f4f5f6;
	border: none;
	color: #747678;
	cursor: not-allowed;
}
.block-button.primary:hover,
.wp-block-create-block-button.primary:hover {
	background-color: var(--wp--preset--color--primary-hover);
	color: var(--wp--preset--color--on-primary-hover);
}
.block-button.secondary:hover,
.wp-block-create-block-button.secondary:hover {
	background-color: var(--wp--preset--color--secondary-hover);
	color: var(--wp--preset--color--on-secondary-hover);
}
.block-button.accent:hover,
.wp-block-create-block-button.accent:hover {
	background-color: var(--wp--preset--color--accent-hover);
	color: var(--wp--preset--color--on-accent-hover);
}
.block-button.light:hover,
.wp-block-create-block-button.light:hover {
	background-color: var(--wp--preset--color--surface-100);
	color: var(--wp--preset--color--on-surface-100);
}
.block-button.outline-button:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.block-button.outline-button.text-color-dark:hover,
.block-button.outline-button.text-color-light:hover,
.wp-block-create-block-button.outline-button.text-color-dark:hover,
.wp-block-create-block-button.outline-button.text-color-light:hover {
	border: 1px solid var(--wp--preset--color--light);
	color: var(--wp--preset--color--light);
}
.block-button.outline-button.text-color-accent:hover,
.wp-block-create-block-button.outline-button.text-color-accent:hover {
	border: 1px solid var(--wp--preset--color--accent-hover);
	color: var(--wp--preset--color--accent-hover);
}
.block-button.outline-button.text-color-secondary:hover,
.wp-block-create-block-button.outline-button.text-color-secondary:hover {
	border: 1px solid var(--wp--preset--color--secondary-hover);
	color: var(--wp--preset--color--secondary-hover);
}
.block-button.outline-button.text-color-primary:hover,
.wp-block-create-block-button.outline-button.text-color-primary:hover {
	border: 1px solid var(--wp--preset--color--primary-hover);
	color: var(--wp--preset--color--primary-hover);
}
.block-button.primary:active,
.wp-block-create-block-button.primary:active {
	background-color: var(--wp--preset--color--primary-active);
	color: var(--wp--preset--color--on-primary-active);
}
.block-button.secondary:active,
.wp-block-create-block-button.secondary:active {
	background-color: var(--wp--preset--color--secondary-active);
	color: var(--wp--preset--color--on-secondary-active);
}
.block-button.accent:active,
.wp-block-create-block-button.accent:active {
	background-color: var(--wp--preset--color--accent-active);
	color: var(--wp--preset--color--on-accent-active);
}
.block-button.light:active,
.wp-block-create-block-button.light:active {
	background-color: var(--wp--preset--color--surface-300);
	color: var(--wp--preset--color--on-surface-300);
}
.block-button.outline-button:active {
	background-color: rgba(0, 0, 0, 0.1);
}
.block-button.outline-button.text-color-dark:active,
.wp-block-create-block-button.outline-button.text-color-dark:active {
	border: 1px solid var(--wp--preset--color--dark);
	color: var(--wp--preset--color--dark);
}
.block-button.outline-button.text-color-light:active,
.wp-block-create-block-button.outline-button.text-color-light:active {
	border: 1px solid var(--wp--preset--color--light);
	color: var(--wp--preset--color--light);
}
.block-button.outline-button.text-color-accent:active,
.wp-block-create-block-button.outline-button.text-color-accent:active {
	border: 1px solid var(--wp--preset--color--accent-active);
	color: var(--wp--preset--color--accent-active);
}
.block-button.outline-button.text-color-secondary:active,
.wp-block-create-block-button.outline-button.text-color-secondary:active {
	border: 1px solid var(--wp--preset--color--secondary-active);
	color: var(--wp--preset--color--secondary-active);
}
.block-button.outline-button.text-color-primary:active,
.wp-block-create-block-button.outline-button.text-color-primary:active {
	border: 1px solid var(--wp--preset--color--primary-active);
	color: var(--wp--preset--color--primary-active);
}
.block-button + h2,
.block-editor-block-list__block.wp-block.wp-block-create-block-button + h2 {
	margin-top: 60px;
}
.block-button.fullwidth {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 0.3s ease;
	width: 100%;
}
