.wpcb-button {
	appearance: none;
	display: inline-block;
	width: auto;
	padding: $spacing_button $spacing_button_side;
	border-radius: 8px;
	font-size: $font_size_regular;
	line-height: 1;
	font-weight: 700;
	color: $button_color;
	background-color: $button_background;
	border: 1px solid $button_border;
	text-decoration: none !important;
	cursor: pointer;

	&:hover,
	&:focus {
		background-color: $button_hover_background;
		border-color: $button_hover_border;
		color: $button_hover_color;
	}
}

.wpcb-button:focus {
	outline: 0;
}

.wpcb-button-alt {
	background-color: $button_alt_background;
	color: $button_alt_color;
	border: 1px solid $button_alt_border;
	text-decoration: none !important;
	cursor: pointer;

	&:hover,
	&:focus {
		background-color: $button_alt_hover_background;
		color: $button_alt_hover_color;
		border-color: $button_alt_hover_border;
	}
}

.wp-block-woocommerce-add-to-cart-form .variations_button > .wpcb-button,
.wp-block-woocommerce-add-to-cart-form form.cart > .wpcb-button {
	grid-column: span 1;
}