button {
	-webkit-transition: var(--transition);
	transition: var(--transition);
	cursor: pointer;
}

/* Button default style */
.btn{
	background-color: var(--color-red);
    padding: 10px 24px;
    border-radius: 4px; 
    font-weight: 600;
}

.btn:hover{
	color: #fff;
	background-color: var(--color-primary);
}
/* Button primary — for primary elements to click */
.btn,
.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	color: #ffffff;
	background-color: var(--color-red);
	height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn:hover,
.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--color-primary);
	color: #FFF;
	opacity: var(--hover-opacity);
}

.woocommerce div.product form.cart .button.loading,
.woocommerce div.product form.cart .button.added,
.woocommerce a.button.added{
	padding-right: 16px;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: var(--color-primary);
	color: #fff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.single_add_to_cart_button.loading::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.ajax_add_to_cart.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.single_add_to_cart_button.loading::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.ajax_add_to_cart.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.ajax_add_to_cart.add_to_cart_button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.ajax_add_to_cart.add_to_cart_button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.ajax_add_to_cart.add_to_cart_button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.ajax_add_to_cart.add_to_cart_button.added::after{
	position: relative;
    top: unset;
    right: unset;
	transform: unset;
	transform-origin: center; 
	margin-left: 10px;
}

.woocommerce ul.products li.product a.added_to_cart{
	display: none;
}

/* Button secondary style — for secondary elements */
.btn--secondary{
	border: var(--border);
	border-radius: var(--border-radius);
}

/* Back button */
.btn--back{
	display: flex;
    align-items: center;
	font-family: var(--font-family-text);
	font-size: 1rem;
    font-weight: 600;
    font-style: normal;
	cursor: pointer;
}

.link--back:before,
.btn--back:before{
	content: '';
	-webkit-mask-image: url('../../icons/chevron-back-outline.svg');
	mask-image: url('../../icons/chevron-back-outline.svg');
	background-color: currentColor;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
}

/* Back link */
.link--back{
	display: flex;
    align-items: center;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);

}
.link--back:hover{
	color: var(--color-primary);
}

.wp-block-button__link{
    background-color: var(--color-primary);
    border-radius: 4px;
    margin-top: 15px;
    padding: 12px 32px;
    text-transform: uppercase;
    font-family: var(--font-family-headline);
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
}

.wp-block-button__link:hover{
	color: #fff;
	background-color: var(--color-text);
}