/* Button - Outline Style
--------------------------------------------- */

.wp-block-button .wp-element-button {
	transition: 0.2s all ease-in-out;
}

.wp-block-button .wp-element-button .wp-block-navigation-item__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.wp-block-button .wp-block-button__link:hover {
	/* box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2); */
	background-color: var(--wp--preset--color--secondary);
  outline-color: var(--wp--preset--color--secondary);
  transform: translateY(-5px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--secondary);
	outline-color: var(--wp--preset--color--primary);
	outline-offset: -2px;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--secondary);
  outline-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

/* Button - Secondary Style */
.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
    outline-color: var(--wp--preset--color--secondary);
}

.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button {
    background: var(--wp--preset--color--primary);
    outline-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

.is-style-outline-secondary-button .wp-element-button,
.wp-block.is-style-outline-secondary-button .wp-element-button {
    background: transparent;
    color: var(--wp--preset--color--secondary);
    outline-color: var(--wp--preset--color--secondary);
}

.is-style-outline-secondary-button:hover .wp-element-button,
.wp-block.is-style-outline-secondary-button:hover .wp-element-button {
    background: var(--wp--preset--color--secondary);
    outline-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}

/* Button - White Style
--------------------------------------------- */

.is-style-white-button .wp-element-button,
.wp-block.is-style-white-button .wp-element-button {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--secondary);
	outline-color: var(--wp--preset--color--white);
}

.is-style-white-button:hover .wp-element-button,
.wp-block.is-style-white-button:hover .wp-element-button {
	background: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.is-style-outline-white-button .wp-element-button,
.wp-block.is-style-outline-white-button .wp-element-button {
	background: transparent;
	color: var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--white);
}

.is-style-outline-white-button:hover .wp-element-button,
.wp-block.is-style-outline-white-button:hover .wp-element-button {
	background: var(--wp--preset--color--white);
	box-shadow: none;
	color: var(--wp--preset--color--secondary);
}