.mmm-product-card-action {
	clear: both;
	margin-top: 14px;
}

.mmm-product-card-action .mmm-product-card-button.button {
	align-items: center;
	border: 2px solid #066600;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	font-family: Lato, Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
	font-weight: 600;
	justify-content: center;
	line-height: 1.3;
	min-height: 44px;
	padding: 8px 14px !important;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	width: 100%;
}

/*
 * Divi changes the vertical and horizontal button padding on hover and adds
 * an icon via a pseudo-element. Both alter the button geometry. Keeping the
 * same measurements in every interaction state prevents layout movement.
 */
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:hover,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:focus,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:active {
	min-height: 44px !important;
	padding: 8px 14px !important;
	transform: none !important;
}

.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button::before,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button::after,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:hover::before,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:hover::after,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:focus::before,
.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:focus::after {
	content: none !important;
	display: none !important;
	margin: 0 !important;
	opacity: 0 !important;
}

.mmm-product-card-action .mmm-product-card-button--cart.button {
	background: #066600;
	color: #fff;
}

.mmm-product-card-action .mmm-product-card-button--view.button,
.mmm-product-card-action .mmm-product-card-button--notify.button {
	background: transparent;
	color: #066600;
}

.mmm-product-card-action .mmm-product-card-button--cart.button:hover,
.mmm-product-card-action .mmm-product-card-button--cart.button:focus,
.mmm-product-card-action .mmm-product-card-button--cart.button.added {
	background: #044d00;
	border-color: #044d00;
	color: #fff;
}

.mmm-product-card-action .mmm-product-card-button--view.button:hover,
.mmm-product-card-action .mmm-product-card-button--view.button:focus,
.mmm-product-card-action .mmm-product-card-button--notify.button:hover,
.mmm-product-card-action .mmm-product-card-button--notify.button:focus {
	background: #066600;
	border-color: #066600;
	color: #fff;
}

.mmm-product-card-action .mmm-product-card-button.button:focus-visible {
	box-shadow: 0 0 0 3px rgba(6, 102, 0, 0.25);
	outline: 2px solid transparent;
}

.mmm-product-card-action .added_to_cart.wc-forward {
	display: block;
	font-weight: 600;
	margin-top: 8px;
	text-align: center;
}

@media (max-width: 479px) {
	.mmm-product-card-action .mmm-product-card-button.button {
		font-size: 15px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:hover,
	.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:focus,
	.woocommerce ul.products li.product .mmm-product-card-action .mmm-product-card-button.button:active {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}