/* Amazon affiliate CTA buttons in article content (wwa-amazon-cta.php).
   Slim Amazon-yellow pill with a leading Lucide cart icon, 44px tap target. */
.wp-block-button__link.wwa-amz-btn, a.wwa-amz-btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; box-sizing:border-box; padding:.6rem 1.15rem; border-radius:999px; background:#FFD814; color:#0F1111; border:1px solid #FCD200; font-weight:600; font-size:.9rem; line-height:1.25; text-decoration:none; box-shadow:0 1px 2px rgba(15,17,17,.12); transition:background-color .15s ease, box-shadow .15s ease, transform .15s ease;}
.wp-block-button__link.wwa-amz-btn::before, a.wwa-amz-btn::before{content:""; width:16px; height:16px; flex-shrink:0; background-color:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center / contain no-repeat;}
.wp-block-button__link.wwa-amz-btn:hover, a.wwa-amz-btn:hover{background:#F7CA00; border-color:#F2C200; color:#0F1111; box-shadow:0 4px 12px -2px rgba(15,17,17,.22); transform:translateY(-1px);}
.wp-block-button__link.wwa-amz-btn:focus-visible, a.wwa-amz-btn:focus-visible{outline:2px solid #0F1111; outline-offset:2px;}
a.wwa-amz-btn--sm{padding:.45rem .95rem; font-size:.82rem; white-space:nowrap; flex:0 0 auto;}
a.wwa-amz-btn--sm::before{width:14px; height:14px;}
@media (prefers-reduced-motion: reduce){ a.wwa-amz-btn{transition:none;} a.wwa-amz-btn:hover{transform:none;} }

/* Phones: Amazon buttons span their container so icon + label sit centred with
   balanced margins (button blocks and the compact "View Options" rows). */
@media (max-width:640px){
  a.wwa-amz-btn, .wp-block-button__link.wwa-amz-btn{ display:flex; align-items:center; justify-content:center; text-align:center; gap:8px; width:100%; box-sizing:border-box; padding:12px 16px; }
  .wp-block-button:has(> a.wwa-amz-btn){ width:100%; }
  a.wwa-amz-btn--sm{ flex:1 1 100%; }
}