.wh-page .wh-site-coupon-desktop-trigger { appearance: none; display: none; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: pointer; }
.wh-page .wh-site-coupon-desktop-trigger:focus-visible { outline: 2px solid var(--wh-action, #612E2A); outline-offset: -4px; }
.wh-site-coupon-mobile-control { display: none; padding: 10px 16px 14px; background: var(--wh-paper, #FAF8F4); }
.wh-page .wh-site-coupon-mobile-button { appearance: none; display: flex; align-items: center; justify-content: center; gap: 12px; box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 12px 20px; border: 0; border-radius: 999px; background: var(--wh-action, #612E2A); color: #fff; font-family: var(--wh-font-body, 'Noto Sans JP', 'Yu Gothic', sans-serif); font-size: 15px; font-weight: 500; line-height: 1.6; cursor: pointer; }
.wh-page .wh-site-coupon-mobile-button .wh-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; flex: 0 0 auto; }
.wh-page .wh-site-coupon-mobile-button:hover { background: var(--wh-action-hover, #4C241F); }
.wh-page .wh-site-coupon-mobile-button:focus-visible { outline: 2px solid var(--wh-action, #612E2A); outline-offset: 3px; }
@media (min-width: 60rem) { .wh-page .wh-site-coupon-desktop-trigger { display: block; } }
@media (max-width: 59.99rem) { .wh-site-coupon-mobile-control { display: block; } }