/**
 * WooCommerce Button Text Changer
 * Frontend Styles
 */

/* --------------------------------------------------
   Global Elementor Button
-------------------------------------------------- */

.wbtc-elementor-button-wrapper {
	display: block;
	width: 100%;
}


.wbtc-elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	box-sizing: border-box;

	min-width: 120px;

	margin: 0;

	padding: 12px 24px;

	border: 1px solid transparent;

	border-radius: 4px;

	background-color: #222;

	color: #fff;

	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	text-align: center;
	text-decoration: none;

	cursor: pointer;

	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		transform 0.3s ease;
}


/* --------------------------------------------------
   Hover
-------------------------------------------------- */

.wbtc-elementor-button:hover,
.wbtc-elementor-button:focus {
	background-color: #444;

	color: #fff;

	text-decoration: none;

	outline: none;
}


.wbtc-elementor-button:hover {
	transform: translateY(-1px);
}


/* --------------------------------------------------
   Focus Accessibility
-------------------------------------------------- */

.wbtc-elementor-button:focus-visible {
	outline: 2px solid currentColor;

	outline-offset: 3px;
}


/* --------------------------------------------------
   WooCommerce Compatibility
-------------------------------------------------- */

.wbtc-elementor-button.button,
.wbtc-elementor-button.woocommerce-button {
	margin: 0;
}


.wbtc-elementor-button.button:hover,
.wbtc-elementor-button.woocommerce-button:hover {
	text-decoration: none;
}


/* --------------------------------------------------
   Button Types
-------------------------------------------------- */

.wbtc-button-type-add_to_cart {
	/* Add to Cart */
}


.wbtc-button-type-view_cart {
	/* View Cart */
}


.wbtc-button-type-checkout {
	/* Checkout */
}


.wbtc-button-type-place_order {
	/* Place Order */
}


.wbtc-button-type-read_more {
	/* Read More */
}


/* --------------------------------------------------
   Disabled State
-------------------------------------------------- */

.wbtc-elementor-button:disabled,
.wbtc-elementor-button.disabled {
	opacity: 0.6;

	cursor: not-allowed;

	pointer-events: none;
}


/* --------------------------------------------------
   Elementor Editor Preview
-------------------------------------------------- */

.elementor-editor-active
.wbtc-elementor-button {
	cursor: pointer;
}


/* --------------------------------------------------
   Responsive
-------------------------------------------------- */

@media (max-width: 767px) {

	.wbtc-elementor-button {
		width: auto;

		max-width: 100%;

		padding: 10px 20px;

		font-size: 15px;
	}

}


/* --------------------------------------------------
   Reduced Motion
-------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	.wbtc-elementor-button {
		transition: none;
	}

	.wbtc-elementor-button:hover {
		transform: none;
	}

}