/* Button - General Styles
--------------------------------------------- */
.is-style-gradient-button .wp-element-button,
.wp-block.is-style-gradient-button .wp-element-button,
.is-style-primary-button .wp-element-button,
.wp-block.is-style-primary-button .wp-element-button,
.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
	padding: 0.75rem 1.25rem;
	font-family: var(--wp--preset--font-family--figtree);
	font-size: var(--wp--preset--font-size--base);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: var(--wp--custom--line-height--normal);
	border-radius: 4.125rem;
	box-shadow: 0 2px 2px -2px var(--wp--preset--color--primary);
}

.is-style-gradient-button:hover .wp-element-button,
.is-style-gradient-button:focus .wp-element-button,
.wp-block.is-style-gradient-button:hover .wp-element-button,
.wp-block.is-style-gradient-button:focus .wp-element-button,
.is-style-primary-button:hover .wp-element-button,
.is-style-primary-button:focus .wp-element-button,
.wp-block.is-style-primary-butto:hover .wp-element-button,
.wp-block.is-style-primary-button:focus .wp-element-button,
.is-style-secondary-button:hover .wp-element-button,
.is-style-secondary-button:focus .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:focus .wp-element-button {
	text-decoration: none;
}

/* Button - Gradient Style
--------------------------------------------- */
.is-style-gradient-button .wp-element-button,
.wp-block.is-style-gradient-button .wp-element-button {
	color: var(--wp--preset--color--base);
	background: linear-gradient(107deg, var(--wp--preset--color--blue-500) 34.87%, rgba(147, 58, 235, 0.56) 119.88%);
}

.is-style-gradient-button:hover .wp-element-button,
.wp-block.is-style-gradient-button:hover .wp-element-button,
.is-style-gradient-button:focus .wp-element-button,
.wp-block.is-style-gradient-button:focus .wp-element-button {
	color: var(--wp--preset--color--base);
	background: linear-gradient(100deg, var(--wp--preset--color--blue-500) -23.08%, rgba(147, 58, 235, 0.56) 111.11%);
}

.is-style-gradient-button .wp-element-button:disabled,
.wp-block.is-style-gradient-button .wp-element-button:disabled,
.is-style-gradient-button .wp-element-button[disabled],
.wp-block.is-style-gradient-button .wp-element-button[disabled] {
	color: var(--wp--preset--color--blue-100);
	background: linear-gradient(107deg, rgba(0, 111, 240, 0.48) 34.87%, rgba(147, 58, 235, 0.48) 119.88%);
}

/* Button - Primary Style
--------------------------------------------- */
.is-style-primary-button .wp-element-button,
.wp-block.is-style-primary-button .wp-element-button {
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--blue-500);
}

.is-style-primary-button:hover .wp-element-button,
.wp-block.is-style-primary-button:hover .wp-element-button,
.is-style-primary-button:focus .wp-element-button,
.wp-block.is-style-primary-button:focus .wp-element-button {
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--blue-800);
}

.is-style-primary-button .wp-element-button:disabled,
.wp-block.is-style-primary-button .wp-element-button:disabled,
.is-style-primary-button .wp-element-button[disabled],
.wp-block.is-style-primary-button .wp-element-button[disabled] {
	color: var(--wp--preset--color--blue-100);
	background: var(--wp--preset--color--blue-200);
}

/* Button - Secondary Style
--------------------------------------------- */
.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
	color: var(--wp--preset--color--main);
	background: var(--wp--preset--color--base);
	border-radius: 8.875rem;
	box-shadow: 0 2px 2px -2px var(--wp--preset--color--base);
}

.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button,
.is-style-secondary-button:focus .wp-element-button,
.wp-block.is-style-secondary-button:focus .wp-element-button {
	color: var(--wp--preset--color--main);
	background: linear-gradient(90deg, var(--wp--preset--color--base) 16%, rgba(147, 58, 235, 0.2) 100%);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
}

.is-style-secondary-button .wp-element-button:disabled,
.wp-block.is-style-secondary-button .wp-element-button:disabled,
.is-style-secondary-button .wp-element-button[disabled],
.wp-block.is-style-secondary-button .wp-element-button[disabled] {
	color: var(--wp--preset--color--grey-100);
}