/* Shared actions. Primary is the premium red. Secondary is graphite.
   Tertiary is text. No pulse, no halo, no pill. */
:root {
  --ptl-btn-red-0: #c81f33;
  --ptl-btn-red-1: #ef4658;
  --ptl-btn-red-line: #9e1828;
  --ptl-btn-ink: #fff;
  --ptl-btn-graphite: #171c24;
  --ptl-btn-line: #3a424d;
  --ptl-btn-radius: 6px;
}
.pf-head .pf-btn--primary,
.pf-head .pf-btn--outline { border-radius: var(--ptl-btn-radius); }
.ptl-btn,
.pf-btn--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 16px;
  border-radius: var(--ptl-btn-radius);
  border: 1px solid var(--ptl-btn-red-line);
  background: linear-gradient(180deg, var(--ptl-btn-red-1) 0%, var(--ptl-btn-red-0) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 1px 0 rgba(0, 0, 0, .45), 0 6px 14px rgba(0, 0, 0, .28);
  color: var(--ptl-btn-ink);
  font: 800 13px/1 Inter, system-ui, sans-serif;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: filter .12s ease, transform .12s ease, box-shadow .12s ease;
}
.ptl-btn:hover,
.pf-btn--primary:hover {
  filter: brightness(1.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), 0 1px 0 rgba(0, 0, 0, .45), 0 8px 16px rgba(0, 0, 0, .34);
}
.ptl-btn:active,
.pf-btn--primary:active {
  transform: translateY(1px);
  filter: brightness(.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 0 rgba(0, 0, 0, .4);
}
.ptl-btn:focus-visible,
.pf-btn--primary:focus-visible,
.ptl-btn--secondary:focus-visible,
.pf-btn--outline:focus-visible,
.ptl-btn--text:focus-visible {
  outline: 2px solid #F3F4F5;
  outline-offset: 2px;
}
.ptl-btn--secondary,
.pf-btn--outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 16px;
  border-radius: var(--ptl-btn-radius);
  border: 1px solid var(--ptl-btn-line);
  background: var(--ptl-btn-graphite);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  color: #F3F4F5;
  font: 700 13px/1 Inter, system-ui, sans-serif;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.ptl-btn--secondary:hover,
.pf-btn--outline:hover { border-color: #5c6774; background: #1e252e; }
.ptl-btn--secondary:active,
.pf-btn--outline:active { transform: translateY(1px); }
.ptl-btn--text {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px;
  border: 0;
  background: none;
  color: #C9CED6;
  font: 700 13px/1 Inter, system-ui, sans-serif;
  letter-spacing: .02em;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.ptl-btn.is-disabled,
.ptl-btn:disabled,
.pf-btn:disabled {
  background: #2a3038;
  border-color: #3a424d;
  color: #8b939e;
  box-shadow: none;
  filter: none;
  transform: none;
  cursor: not-allowed;
  pointer-events: none;
}
.ptl-rewards { display: inline-flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; }
.ptl-reward { display: inline-flex; align-items: center; gap: 5px; font: 700 11px/1 Inter, system-ui, sans-serif; letter-spacing: .08em; }
.ptl-reward--points { color: #E4C98A; }
.ptl-reward--cash { color: #e3263b; }
.ptl-reward__svg, .ptl-dollar { display: block; flex: 0 0 auto; width: 18px; height: 18px; transform: none; }