.wp-block-button .wp-block-button__link {
	--button-icon-url: url("../images/play-arrow-rounded.html");
	--button-icon-size: 20px;
	--button-padding-x: 24px;
	--button-padding-icon-start: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	padding: 0 var(--button-padding-x);
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.wp-block-button.has-button-icon-start .wp-block-button__link {
	padding-left: var(--button-padding-icon-start);
}

.wp-block-button.has-button-icon-end .wp-block-button__link {
	padding-right: var(--button-padding-icon-start);
}

.wp-block-button__icon {
	width: var(--button-icon-size);
	height: var(--button-icon-size);
}

.editor-styles-wrapper .has-button-icon .wp-block-button__link::before,
.editor-styles-wrapper .has-button-icon .wp-block-button__link::after {
	display: none;
	width: var(--button-icon-size);
	height: var(--button-icon-size);
	flex: 0 0 auto;
	background-color: currentColor;
	content: "";
	mask-image: var(--button-icon-url);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-image: var(--button-icon-url);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.editor-styles-wrapper .has-button-icon-start .wp-block-button__link::before,
.editor-styles-wrapper .has-button-icon-end .wp-block-button__link::after {
	display: block;
}

.wp-block-button .wp-block-button__link:focus-visible {
	outline: 3px solid rgba(5, 64, 247, 0.2);
	outline-offset: 2px;
}

.wp-block-button .wp-block-button__link:hover {
	transform: translateY(-1px);
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-background),
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-background) {
	background: var(--color-primary);
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link {
	border: 2px solid transparent;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--button-shadow-color, var(--color-primary)) 22%, transparent);
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-text-color),
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-text-color) {
	color: #fff;
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:visited,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:focus,
.wp-block-button.is-style-fill .wp-block-button__link:visited,
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:focus {
	color: currentColor;
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-text-color):visited,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-text-color):focus,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-text-color):visited,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-text-color):focus {
	color: #fff;
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):hover {
	background: var(--color-primary-hover);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	border: 2px solid currentColor;
	box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: var(--color-primary);
}


.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover {
	background: color-mix(in srgb, currentColor 8%, transparent) !important;
}

.wp-block-button.is-style-multilogin-soft .wp-block-button__link {
	border: 2px solid transparent;
	box-shadow: none;
}

.wp-block-button.is-style-multilogin-soft .wp-block-button__link:not(.has-text-color) {
	color: var(--color-primary);
}

.wp-block-button.is-style-multilogin-soft .wp-block-button__link:not(.has-background) {
	background: color-mix(in srgb, currentColor 12%, transparent) !important;
}

.wp-block-button.is-style-multilogin-soft .wp-block-button__link.has-background {
	background: color-mix(in srgb, currentColor 12%, transparent) !important;
}


.wp-block-button.is-style-multilogin-soft .wp-block-button__link:not(.has-background):hover {
	background: color-mix(in srgb, currentColor 18%, transparent) !important;
}

.wp-block-button.is-style-multilogin-soft .wp-block-button__link.has-background:hover {
	background: color-mix(in srgb, currentColor 18%, transparent) !important;
}

.wp-block-button.is-style-multilogin-ghost .wp-block-button__link {
	background: transparent !important;
	border: 2px solid transparent;
	box-shadow: none;
}

.wp-block-button.is-style-multilogin-ghost .wp-block-button__link:not(.has-text-color) {
	color: var(--color-text);
}

.wp-block-button.is-style-multilogin-ghost .wp-block-button__link:visited {
	color: currentColor;
}

.wp-block-button.is-style-multilogin-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-multilogin-ghost .wp-block-button__link:focus {
	color: var(--color-primary);
}

.wp-block-button.is-style-multilogin-ghost .wp-block-button__link:hover {
	background: transparent !important;
	border-color: transparent;
}

.wp-block-button.has-button-size-small .wp-block-button__link {
	--button-icon-size: 16px;
	--button-padding-x: 16px;
	--button-padding-icon-start: 12px;
	font-size: 16px;
	line-height: 1;
	min-height: 40px;
}

.wp-block-button.has-button-size-medium .wp-block-button__link {
	--button-icon-size: 20px;
	--button-padding-x: 24px;
	--button-padding-icon-start: 16px;
	font-size: 18px;
	line-height: 1;
	min-height: 44px;
}

.wp-block-button.has-button-size-large .wp-block-button__link {
	--button-icon-size: 24px;
	--button-padding-x: 24px;
	--button-padding-icon-start: 20px;
	font-size: 20px;
	line-height: 1;
	min-height: 56px;
	border-radius: 12px;
}