.wp-block-button[class*="btn--"] {
	padding: 0 !important;
	background-color: transparent !important;
	min-inline-size: 0 !important;
	border: 0 !important;
}

.btn--primary {
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.btn--primary-dark {
	--btn-background: var(--primary-dark);
	--btn-background-hover: var(--primary-ultra-dark);
	--btn-text-color: var(--primary-ultra-light);
	--btn-text-color-hover: var(--primary-ultra-light);
	--btn-border-color: var(--primary-dark);
	--btn-border-color-hover: var(--primary-ultra-dark);
	--focus-color: var(--primary-semi-dark);
}

.btn--primary-light {
	--btn-background: var(--primary-ultra-light);
	--btn-background-hover: var(--primary-light);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--primary-ultra-dark);
	--btn-border-color: var(--primary-ultra-light);
	--btn-border-color-hover: var(--primary-light);
	--focus-color: var(--primary-light);
}

.btn--primary.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--base);
	--btn-border-width: 2px;
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.btn--primary-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-dark);
	--btn-text-color: var(--primary-dark);
	--btn-text-color-hover: var(--primary-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--primary-dark);
	--btn-border-color-hover: var(--primary-dark);
	--focus-color: var(--primary-light);
}

.btn--primary-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-light);
	--btn-text-color: var(--primary-light);
	--btn-text-color-hover: var(--primary-dark);
	--btn-border-width: 2px;
	--btn-border-color: var(--primary-light);
	--btn-border-color-hover: var(--primary-light);
	--focus-color: var(--primary-light);
}

.btn--secondary {
	--btn-background: var(--secondary);
	--btn-background-hover: var(--secondary-hover);
	--btn-text-color: var(--secondary-ultra-light);
	--btn-text-color-hover: var(--secondary-ultra-light);
	--btn-border-color: var(--secondary);
	--btn-border-color-hover: var(--secondary-hover);
	--focus-color: var(--secondary-light);
}

.btn--secondary-dark {
	--btn-background: var(--secondary-dark);
	--btn-background-hover: var(--secondary-ultra-dark);
	--btn-text-color: var(--secondary-ultra-light);
	--btn-text-color-hover: var(--secondary-ultra-light);
	--btn-border-color: var(--secondary-dark);
	--btn-border-color-hover: var(--secondary-ultra-dark);
	--focus-color: var(--secondary-semi-dark);
}

.btn--secondary-light {
	--btn-background: var(--secondary-ultra-light);
	--btn-background-hover: var(--secondary-light);
	--btn-text-color: var(--secondary);
	--btn-text-color-hover: var(--secondary-ultra-dark);
	--btn-border-color: var(--secondary-ultra-light);
	--btn-border-color-hover: var(--secondary-light);
	--focus-color: var(--secondary-light);
}

.btn--secondary.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--secondary-hover);
	--btn-text-color: var(--secondary);
	--btn-text-color-hover: var(--secondary-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--secondary);
	--btn-border-color-hover: var(--secondary-hover);
	--focus-color: var(--secondary-light);
}

.btn--secondary-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--secondary-dark);
	--btn-text-color: var(--secondary-dark);
	--btn-text-color-hover: var(--secondary-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--secondary-dark);
	--btn-border-color-hover: var(--secondary-dark);
	--focus-color: var(--secondary-light);
}

.btn--secondary-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--secondary-light);
	--btn-text-color: var(--secondary-light);
	--btn-text-color-hover: var(--secondary-dark);
	--btn-border-width: 2px;
	--btn-border-color: var(--secondary-light);
	--btn-border-color-hover: var(--secondary-light);
	--focus-color: var(--secondary-light);
}

.btn--tertiary {
	--btn-background: var(--tertiary);
	--btn-background-hover: var(--tertiary-hover);
	--btn-text-color: var(--tertiary-ultra-light);
	--btn-text-color-hover: var(--tertiary-ultra-light);
	--btn-border-color: var(--tertiary);
	--btn-border-color-hover: var(--tertiary-hover);
	--focus-color: var(--tertiary-light);
}

.btn--tertiary-dark {
	--btn-background: var(--tertiary-dark);
	--btn-background-hover: var(--tertiary-ultra-dark);
	--btn-text-color: var(--tertiary-ultra-light);
	--btn-text-color-hover: var(--tertiary-ultra-light);
	--btn-border-color: var(--tertiary-dark);
	--btn-border-color-hover: var(--tertiary-ultra-dark);
	--focus-color: var(--tertiary-semi-dark);
}

.btn--tertiary-light {
	--btn-background: var(--tertiary-ultra-light);
	--btn-background-hover: var(--tertiary-light);
	--btn-text-color: var(--tertiary);
	--btn-text-color-hover: var(--tertiary-ultra-dark);
	--btn-border-color: var(--tertiary-ultra-light);
	--btn-border-color-hover: var(--tertiary-light);
	--focus-color: var(--tertiary-light);
}

.btn--tertiary.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--tertiary-hover);
	--btn-text-color: var(--tertiary);
	--btn-text-color-hover: var(--tertiary-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--tertiary);
	--btn-border-color-hover: var(--tertiary-hover);
	--focus-color: var(--tertiary-light);
}

.btn--tertiary-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--tertiary-dark);
	--btn-text-color: var(--tertiary-dark);
	--btn-text-color-hover: var(--tertiary-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--tertiary-dark);
	--btn-border-color-hover: var(--tertiary-dark);
	--focus-color: var(--tertiary-light);
}

.btn--tertiary-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--tertiary-light);
	--btn-text-color: var(--tertiary-light);
	--btn-text-color-hover: var(--tertiary-dark);
	--btn-border-width: 2px;
	--btn-border-color: var(--tertiary-light);
	--btn-border-color-hover: var(--tertiary-light);
	--focus-color: var(--tertiary-light);
}

.btn--accent {
	--btn-background: var(--accent);
	--btn-background-hover: var(--accent-hover);
	--btn-text-color: var(--accent-ultra-light);
	--btn-text-color-hover: var(--accent-ultra-light);
	--btn-border-color: var(--accent);
	--btn-border-color-hover: var(--accent-hover);
	--focus-color: var(--accent-light);
}

.btn--accent-dark {
	--btn-background: var(--accent-dark);
	--btn-background-hover: var(--accent-ultra-dark);
	--btn-text-color: var(--accent-ultra-light);
	--btn-text-color-hover: var(--accent-ultra-light);
	--btn-border-color: var(--accent-dark);
	--btn-border-color-hover: var(--accent-ultra-dark);
	--focus-color: var(--accent-semi-dark);
}

.btn--accent-light {
	--btn-background: var(--accent-ultra-light);
	--btn-background-hover: var(--accent-light);
	--btn-text-color: var(--accent);
	--btn-text-color-hover: var(--accent-ultra-dark);
	--btn-border-color: var(--accent-ultra-light);
	--btn-border-color-hover: var(--accent-light);
	--focus-color: var(--accent-light);
}

.btn--accent.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--accent-hover);
	--btn-text-color: var(--accent);
	--btn-text-color-hover: var(--accent-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--accent);
	--btn-border-color-hover: var(--accent-hover);
	--focus-color: var(--accent-light);
}

.btn--accent-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--accent-dark);
	--btn-text-color: var(--accent-dark);
	--btn-text-color-hover: var(--accent-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--accent-dark);
	--btn-border-color-hover: var(--accent-dark);
	--focus-color: var(--accent-light);
}

.btn--accent-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--accent-light);
	--btn-text-color: var(--accent-light);
	--btn-text-color-hover: var(--accent-dark);
	--btn-border-width: 2px;
	--btn-border-color: var(--accent-light);
	--btn-border-color-hover: var(--accent-light);
	--focus-color: var(--accent-light);
}

.btn--base {
	--btn-background: var(--base);
	--btn-background-hover: var(--base-hover);
	--btn-text-color: var(--base-ultra-light);
	--btn-text-color-hover: var(--base-ultra-light);
	--btn-border-color: var(--base);
	--btn-border-color-hover: var(--base-hover);
	--focus-color: var(--base-light);
}

.btn--base-dark {
	--btn-background: var(--base-dark);
	--btn-background-hover: var(--base-ultra-dark);
	--btn-text-color: var(--base-ultra-light);
	--btn-text-color-hover: var(--base-ultra-light);
	--btn-border-color: var(--base-dark);
	--btn-border-color-hover: var(--base-ultra-dark);
	--focus-color: var(--base-semi-dark);
}

.btn--base-light {
	--btn-background: var(--base-ultra-light);
	--btn-background-hover: var(--base-light);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base-ultra-dark);
	--btn-border-color: var(--base-ultra-light);
	--btn-border-color-hover: var(--base-light);
	--focus-color: var(--base-light);
}

.btn--base.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--base-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--base);
	--btn-border-color-hover: var(--base-hover);
	--focus-color: var(--base-light);
}

.btn--base-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--base-dark);
	--btn-text-color: var(--base-dark);
	--btn-text-color-hover: var(--base-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--base-dark);
	--btn-border-color-hover: var(--base-dark);
	--focus-color: var(--base-light);
}

.btn--base-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--base-light);
	--btn-text-color: var(--base-light);
	--btn-text-color-hover: var(--base-dark);
	--btn-border-width: 2px;
	--btn-border-color: var(--base-light);
	--btn-border-color-hover: var(--base-light);
	--focus-color: var(--base-light);
}

.btn--neutral {
	--btn-background: var(--neutral);
	--btn-background-hover: var(--neutral-dark);
	--btn-text-color: var(--neutral-ultra-light);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-color: var(--neutral);
	--btn-border-color-hover: var(--neutral-dark);
	--focus-color: var(--primary);
}

.btn--neutral-dark {
	--btn-background: var(--neutral-dark);
	--btn-background-hover: var(--neutral-ultra-dark);
	--btn-text-color: var(--neutral-ultra-light);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-color: var(--neutral-dark);
	--btn-border-color-hover: var(--neutral-ultra-dark);
	--focus-color: var(--neutral-semi-dark);
}

.btn--neutral-light {
	--btn-background: var(--neutral-ultra-light);
	--btn-background-hover: var(--neutral-light);
	--btn-text-color: var(--neutral);
	--btn-text-color-hover: var(--neutral-ultra-dark);
	--btn-border-color: var(--neutral-ultra-light);
	--btn-border-color-hover: var(--neutral-light);
	--focus-color: var(--neutral-light);
}

.btn--neutral.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--neutral-hover);
	--btn-text-color: var(--neutral);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--neutral);
	--btn-border-color-hover: var(--neutral-hover);
	--focus-color: var(--neutral-semi-light);
}

.btn--neutral-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--neutral-dark);
	--btn-text-color: var(--neutral-dark);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--neutral-dark);
	--btn-border-color-hover: var(--neutral-dark);
	--focus-color: var(--neutral-semi-dark);
}

.btn--neutral-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--neutral-light);
	--btn-text-color: var(--neutral-light);
	--btn-text-color-hover: var(--neutral-dark);
	--btn-border-width: 2px;
	--btn-border-color: var(--neutral-light);
	--btn-border-color-hover: var(--neutral-light);
	--focus-color: var(--neutral-light);
}

.btn--action {
	--btn-background: var(--action);
	--btn-background-hover: var(--action-hover);
	--btn-text-color: var(--action-ultra-light);
	--btn-text-color-hover: var(--action-ultra-light);
	--btn-border-color: var(--action);
	--btn-border-color-hover: var(--action-hover);
	--focus-color: var(--action-light);
}

.btn--action.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--action-hover);
	--btn-text-color: var(--action);
	--btn-text-color-hover: var(--action-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--action);
	--btn-border-color-hover: var(--action-hover);
	--focus-color: var(--action-light);
}

.btn--shade {
	--btn-background: var(--shade);
	--btn-background-hover: var(--shade-hover);
	--btn-text-color: var(--shade-ultra-light);
	--btn-text-color-hover: var(--shade-ultra-light);
	--btn-border-color: var(--shade);
	--btn-border-color-hover: var(--shade-hover);
	--focus-color: var(--shade-light);
}

.btn--shade.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--shade-hover);
	--btn-text-color: var(--shade);
	--btn-text-color-hover: var(--shade-ultra-light);
	--btn-border-width: 2px;
	--btn-border-color: var(--shade);
	--btn-border-color-hover: var(--shade-hover);
	--focus-color: var(--shade-light);
}

.btn--black {
	--btn-background: var(--black);
	--btn-background-hover: var(--black-trans-80);
	--btn-text-color: var(--white);
	--btn-text-color-hover: var(--white);
	--btn-border-color: var(--black);
	--btn-border-color-hover: var(--black-trans-80);
	--focus-color: var(--primary);
}

.btn--black.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--black-trans-10);
	--btn-text-color: var(--black);
	--btn-text-color-hover: var(--black);
	--btn-border-width: 2px;
	--btn-border-color: var(--black);
	--btn-border-color-hover: var(--black);
	--focus-color: var(--primary);
}

.btn--white {
	--btn-background: var(--white);
	--btn-background-hover: var(--white-trans-90);
	--btn-text-color: var(--black);
	--btn-text-color-hover: var(--black);
	--btn-border-color: var(--white);
	--btn-border-color-hover: var(--white-trans-90);
	--focus-color: var(--primary);
}

.btn--white.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--white-trans-10);
	--btn-text-color: var(--white);
	--btn-text-color-hover: var(--white);
	--btn-border-width: 2px;
	--btn-border-color: var(--white);
	--btn-border-color-hover: var(--white-trans-90);
	--focus-color: var(--primary);
}

@media (hover: hover) and (pointer: fine) {}

.btn--xs:not(.wp-block-button), .wp-block-button.btn--xs > a, .wp-block-button.btn--xs > .wp-block-button__link {
	font-size: var(--text-xs);
}

.btn--s:not(.wp-block-button), .wp-block-button.btn--s > a, .wp-block-button.btn--s > .wp-block-button__link {
	font-size: var(--text-s);
}

.btn--m:not(.wp-block-button), .wp-block-button.btn--m > a, .wp-block-button.btn--m > .wp-block-button__link {
	font-size: var(--text-m);
}

.btn--l:not(.wp-block-button), .wp-block-button.btn--l > a, .wp-block-button.btn--l > .wp-block-button__link {
	font-size: var(--text-l);
}

.btn--xl:not(.wp-block-button), .wp-block-button.btn--xl > a, .wp-block-button.btn--xl > .wp-block-button__link {
	font-size: var(--text-xl);
}

.btn--xxl:not(.wp-block-button), .wp-block-button.btn--xxl > a, .wp-block-button.btn--xxl > .wp-block-button__link {
	font-size: var(--text-xxl);
}

.btn--clear.btn--clear, .btn--none.btn--none {
	background: none;
	border: none;
}

.editor-styles-wrapper {
	width: 100% !important;
}