.o6FSh2wUk3osXDKyjpiF {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  padding: var(--button-padding-y) var(--button-padding-x);
  border-radius: var(--button-radius);
  border: 1px solid var(--button-border);
  background: var(--button-bg);
  color: var(--button-text);
  font: inherit;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  text-decoration: none;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
  min-height: var(--button-min-height);
  white-space: nowrap;
  overflow: hidden;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  --button-radius: 8px;
  --button-padding-y: 10px;
  --button-padding-x: 16px;
  --button-gap: 10px;
  --button-font-size: 14px;
  --button-font-weight: 500;
  --button-letter-spacing: -0.005em;
  --button-line-height: 1.1;
  --button-min-height: 38px;
  --button-bg: #0f0f0f;
  --button-border: #1f1f1f;
  --button-text: #ffffff;
  --button-bg-hover: #181818;
  --button-border-hover: #2a2a2a;
  --button-text-hover: #ffffff;
  --button-focus: #111111;
  --glass-ring: rgba(255,255,255,0.8);
  --glass-ring-soft: rgba(255,255,255,0.22);
  --pointer-x: 50%;
  --pointer-y: 50%;
  --pointer-active: 0;
  --pointer-ambient: 0;
  --icon-wrap-size: 24px;
  --icon-radius: 6px;
  --icon-size: 14px;
  --icon-fallback-size: 10px;
  --icon-fallback-radius: 4px;
  --arrow-size: 24px;
  --arrow-radius: 6px;
  --arrow-font-size: 14px;
  --arrow-translate-hover: 1px;
  --icon-bg: rgba(0,0,0,0.04);
  --icon-border: var(--button-border);
  --icon-color: currentColor;
  --arrow-bg: transparent;
  --arrow-border: var(--button-border);
  --arrow-color: currentColor;
}

.o6FSh2wUk3osXDKyjpiF::before,
.o6FSh2wUk3osXDKyjpiF::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 2;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.o6FSh2wUk3osXDKyjpiF::before {
  background: radial-gradient(
    180px 180px at var(--pointer-x, 50%) var(--pointer-y, 50%),
    var(--glass-ring, rgba(255,255,255,0.7)) 0%,
    var(--glass-ring-soft, rgba(255,255,255,0.2)) 45%,
    rgba(255,255,255,0) 70%
  );
  opacity: var(--pointer-ambient, 0);
  transition: opacity 160ms ease;
}

.o6FSh2wUk3osXDKyjpiF::after {
  background: radial-gradient(
    120px 120px at var(--pointer-x, 50%) var(--pointer-y, 50%),
    var(--glass-ring, rgba(255,255,255,0.7)) 0%,
    var(--glass-ring-soft, rgba(255,255,255,0.2)) 45%,
    rgba(255,255,255,0) 70%
  );
  opacity: var(--pointer-active, 0);
  transition: opacity 160ms ease;
}

.o6FSh2wUk3osXDKyjpiF:hover {
  background: var(--button-bg-hover);
  border-color: var(--button-border-hover);
  color: var(--button-text-hover, var(--button-text));
}

.o6FSh2wUk3osXDKyjpiF:focus-visible {
  outline: 2px solid var(--button-focus);
  outline-offset: 3px;
}

.o6FSh2wUk3osXDKyjpiF:focus-visible::after {
  opacity: 1;
}

.o6FSh2wUk3osXDKyjpiF[data-variant="outlined"] {
  --button-bg: #ededed;
  --button-border: #d2d2d2;
  --button-text: #1b1b1b;
  --button-bg-hover: #e6e6e6;
  --button-border-hover: #c7c7c7;
  --icon-bg: rgba(0,0,0,0.02);
  --icon-border: #d2d2d2;
  --arrow-border: #d2d2d2;
}

.o6FSh2wUk3osXDKyjpiF[data-variant="ghost"] {
  --button-bg: transparent;
  --button-border: rgba(0,0,0,0.2);
  --button-text: #1b1b1b;
  --button-bg-hover: rgba(0,0,0,0.04);
  --button-border-hover: rgba(0,0,0,0.28);
  --icon-bg: transparent;
  --icon-border: rgba(0,0,0,0.22);
  --arrow-border: rgba(0,0,0,0.22);
}

.o6FSh2wUk3osXDKyjpiF[data-size="small"] {
  --button-padding-y: 5px;
  --button-padding-x: 12px;
  --button-font-size: 12px;
  --button-min-height: 26px;
  --button-gap: 8px;
  --icon-wrap-size: 20px;
  --icon-radius: 5px;
  --icon-size: 12px;
  --icon-fallback-size: 8px;
  --icon-fallback-radius: 4px;
  --arrow-size: 20px;
  --arrow-radius: 5px;
  --arrow-font-size: 12px;
}

.o6FSh2wUk3osXDKyjpiF[data-size="large"] {
  --button-padding-y: 12px;
  --button-padding-x: 18px;
  --button-font-size: 15px;
  --button-min-height: 44px;
  --button-gap: 12px;
  --icon-wrap-size: 28px;
  --icon-radius: 7px;
  --icon-size: 16px;
  --icon-fallback-size: 12px;
  --icon-fallback-radius: 6px;
  --arrow-size: 26px;
  --arrow-radius: 7px;
  --arrow-font-size: 15px;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="light"] {
  color-scheme: light;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="dark"] {
  color-scheme: dark;
  --button-bg: #ffffff;
  --button-border: rgba(255,255,255,0.75);
  --button-text: #0f0f0f;
  --button-bg-hover: #f2f2f2;
  --button-border-hover: rgba(255,255,255,0.9);
  --button-text-hover: #0f0f0f;
  --button-focus: #f5f5f5;
  --glass-ring: rgba(255,255,255,0.55);
  --glass-ring-soft: rgba(255,255,255,0.16);
  --icon-bg: rgba(255,255,255,0.08);
  --icon-border: rgba(255,255,255,0.2);
}

.o6FSh2wUk3osXDKyjpiF[data-theme="dark"][data-variant="outlined"] {
  --button-bg: #232323;
  --button-border: #333333;
  --button-text: #f5f5f5;
  --button-bg-hover: #2b2b2b;
  --button-border-hover: #404040;
  --button-text-hover: #ffffff;
  --icon-border: #333333;
  --arrow-border: #333333;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="dark"][data-variant="ghost"] {
  --button-bg: transparent;
  --button-border: rgba(255,255,255,0.22);
  --button-text: #f5f5f5;
  --button-bg-hover: rgba(255,255,255,0.08);
  --button-border-hover: rgba(255,255,255,0.32);
  --icon-bg: transparent;
  --icon-border: rgba(255,255,255,0.22);
  --arrow-border: rgba(255,255,255,0.22);
}

html[data-theme="dark"] .o6FSh2wUk3osXDKyjpiF:not([data-theme]) {
  color-scheme: dark;
  --button-bg: #ffffff;
  --button-border: rgba(255,255,255,0.75);
  --button-text: #0f0f0f;
  --button-bg-hover: #f2f2f2;
  --button-border-hover: rgba(255,255,255,0.9);
  --button-text-hover: #0f0f0f;
  --button-focus: #f5f5f5;
  --glass-ring: rgba(255,255,255,0.55);
  --glass-ring-soft: rgba(255,255,255,0.16);
  --icon-bg: rgba(255,255,255,0.08);
  --icon-border: rgba(255,255,255,0.2);
}

html[data-theme="dark"] .o6FSh2wUk3osXDKyjpiF:not([data-theme])[data-variant="outlined"] {
  --button-bg: #232323;
  --button-border: #333333;
  --button-text: #f5f5f5;
  --button-bg-hover: #2b2b2b;
  --button-border-hover: #404040;
  --button-text-hover: #ffffff;
  --icon-border: #333333;
  --arrow-border: #333333;
}

html[data-theme="dark"] .o6FSh2wUk3osXDKyjpiF:not([data-theme])[data-variant="ghost"] {
  --button-bg: transparent;
  --button-border: rgba(255,255,255,0.22);
  --button-text: #f5f5f5;
  --button-bg-hover: rgba(255,255,255,0.08);
  --button-border-hover: rgba(255,255,255,0.32);
  --icon-bg: transparent;
  --icon-border: rgba(255,255,255,0.22);
  --arrow-border: rgba(255,255,255,0.22);
}

.TC6KHTC2SEZ6Po4UM1W7 {
  position: relative;
  z-index: 1;
}

.tn0pSBepIyOBDxHuouIl {
  width: var(--icon-wrap-size);
  height: var(--icon-wrap-size);
  border-radius: var(--icon-radius);
  display: grid;
  place-items: center;
  background: var(--icon-bg);
  border: 1px solid var(--icon-border);
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}

.I9J43D9DYNk4_S8g4WtI {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  display: block;
}

.pDhuujEP6sn638v_RmmC {
  width: var(--icon-fallback-size);
  height: var(--icon-fallback-size);
  border-radius: var(--icon-fallback-radius);
  background: var(--icon-color);
  opacity: 0.7;
  display: block;
}

.PhqiTC9_PeneNJGvoeDC {
  width: var(--arrow-size);
  height: var(--arrow-size);
  border-radius: var(--arrow-radius);
  display: grid;
  place-items: center;
  border: 1px solid var(--arrow-border);
  background: var(--arrow-bg);
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  transition: transform 150ms ease;
  color: var(--arrow-color);
}

.AvvfYCWOPnDNAJR5rnHD {
  font-size: var(--arrow-font-size);
  line-height: 1;
}

.o6FSh2wUk3osXDKyjpiF:hover .PhqiTC9_PeneNJGvoeDC {
  transform: translateX(var(--arrow-translate-hover));
}

@media (max-width: 720px) {
  .o6FSh2wUk3osXDKyjpiF {
    --button-padding-y: 9px;
    --button-padding-x: 14px;
    --button-font-size: 13px;
    --icon-wrap-size: 22px;
    --arrow-size: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .o6FSh2wUk3osXDKyjpiF,
  .o6FSh2wUk3osXDKyjpiF::before,
  .o6FSh2wUk3osXDKyjpiF::after,
  .PhqiTC9_PeneNJGvoeDC {
    transition: none;
  }
}

