.tp-order-whatsapp-button {
	display: inline-flex;
	align-items: center;
	color: #ffffff !important;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
	margin: 10px 0;
	font-weight: 600;
	transition: all 0.3s ease;
}

.tp-order-whatsapp-button:hover {
	text-decoration: none;
	transform: translateY(-2px);
}

.tp-order-whatsapp-button::before {
	content: '';
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 8px;
}

/* Button Sizes */
.tp-order-size-small {
	font-size: 12px;
	padding: 6px 12px;
}

.tp-order-size-small::before {
	width: 12px;
	height: 12px;
}

.tp-order-size-medium {
	font-size: 14px;
	padding: 10px 20px;
}

.tp-order-size-medium::before {
	width: 16px;
	height: 16px;
}

.tp-order-size-large {
	font-size: 16px;
	padding: 12px 24px;
}

.tp-order-size-large::before {
	width: 20px;
	height: 20px;
}

/* Button Widths */
.tp-order-width-auto {
    width: auto;
}

.tp-order-width-full {
    width: 100%;
    justify-content: center;
}

.tp-order-width-compact {
    width: fit-content;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 120px;
    justify-content: center;
}

/* Preview container width adjustment */
.tp-order-preview .tp-order-width-full {
    max-width: 400px;
}