.wahco-order-buttons { display: flex; flex: 1 1 100%; flex-wrap: wrap; align-items: center; gap: 10px; clear: both; box-sizing: border-box; width: 100%; margin: 16px 0; padding: 0; }
.wahco-order-buttons .wahco-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; width: auto; min-width: 0; max-width: 100%; height: auto; margin: 0; padding: 10px 18px; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: normal; text-transform: none; text-decoration: none; text-shadow: none; white-space: nowrap; border: 0; border-radius: 4px; box-shadow: none; cursor: pointer; -webkit-appearance: none; appearance: none; transition: opacity 0.15s ease-in-out; }

/* Colors, including hover/focus/active so theme resets can't recolor them. */
.wahco-order-buttons .wahco-button--whatsapp, .wahco-order-buttons .wahco-button--whatsapp:hover, .wahco-order-buttons .wahco-button--whatsapp:focus, .wahco-order-buttons .wahco-button--whatsapp:active { background-color: #25d366; color: #ffffff; }
.wahco-order-buttons .wahco-button--messenger, .wahco-order-buttons .wahco-button--messenger:hover, .wahco-order-buttons .wahco-button--messenger:focus, .wahco-order-buttons .wahco-button--messenger:active { background-color: #0084ff; color: #ffffff; }
.wahco-order-buttons .wahco-button:hover, .wahco-order-buttons .wahco-button:focus { opacity: 0.9; border: 0; box-shadow: none; }
.wahco-order-buttons .wahco-button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.wahco-order-buttons .wahco-button--whatsapp::before { content: ''; display: inline-block; flex: 0 0 18px; width: 18px; height: 18px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.164 0 0 7.163 0 16c0 2.82.738 5.566 2.14 7.982L0 32l8.223-2.115A15.9 15.9 0 0 0 16 32c8.836 0 16-7.163 16-16S24.836 0 16 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.164 0 0 7.163 0 16c0 2.82.738 5.566 2.14 7.982L0 32l8.223-2.115A15.9 15.9 0 0 0 16 32c8.836 0 16-7.163 16-16S24.836 0 16 0z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }

/* Small screens: full-width, easy-to-tap buttons. */
@media (max-width: 480px) { .wahco-order-buttons .wahco-button { flex: 1 1 100%; } }