/* Phillips360 Modern V2.033 — assets/css/components/actions.css
   Modify component values here; global colors, type, spacing, radii, and motion live in foundation/tokens.css. */

.p360-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 14px 20px 14px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--p360-accent);
  color: var(--p360-ink) !important;
  font-size: .87rem;
  font-weight: 750;
  letter-spacing: .02em;
  text-decoration: none !important;
  transition: transform .35s var(--p360-ease), background .35s ease, color .35s ease;
}
.p360-button:hover { transform: translateY(-3px); background: var(--p360-accent-2); }
.p360-button--small { min-height: 44px; padding: 10px 15px 10px 18px; gap: 18px; font-size: .75rem; }
.p360-text-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,.45);
  color: var(--p360-white) !important;
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-decoration: none !important;
  transition: gap .3s var(--p360-ease), border-color .3s ease;
}
.p360-text-link:hover { gap: 24px; border-color: currentColor; }
.p360-text-link--dark { color: var(--p360-ink) !important; border-color: rgba(9,11,16,.35); }
.p360-skip-link { position: fixed; top: 8px; left: 8px; z-index: 99999; padding: 10px 14px; transform: translateY(-150%); background: #fff; color: #000; }
.p360-skip-link:focus { transform: none; }