.tf-currency {
    display: inline-flex; position: relative; padding: 4px; margin: 0 auto;
    background: #f1ecf7; border-radius: 999px; border: 1px solid #e2d8ee;
  }
  .tf-currency button {
    position: relative; z-index: 1; border: 0; background: transparent; cursor: pointer;
    padding: 9px 22px; border-radius: 999px; font-family: inherit; font-weight: 600; font-size: 15px; line-height: 1;
    color: #6b5a80; transition: color .25s;
  }
  .tf-currency button[aria-pressed="true"] { color: #fff; }
  .tf-currency button:focus-visible { outline: 2px solid #6d3fa0; outline-offset: 2px; }
  .tf-currency .tf-thumb {
    position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px);
    border-radius: 999px; background: linear-gradient(135deg,#f58a5c,#8a4aa8);
    transition: transform .3s cubic-bezier(.4,.1,.2,1);
  }
  .tf-currency[data-cur="USD"] .tf-thumb { transform: translateX(100%); }
  .tf-wrap { text-align: center; margin: 24px 0 32px; }
  @media (prefers-reduced-motion: reduce) {
    .tf-currency .tf-thumb, .tf-currency button { transition: none; }
  }