/* Moving Point — liquid glass buttons (owner's pick, "E · self-lit"): every .btn is a glass droplet that makes its own
   refraction (soft shine, thick rim, a faint cool/warm fringe at the edges), so it reads as glass on any background.
   Filled buttons keep their colour (--glass); .btn-ghost is clear glass. mp-sparkle.js draws the sparkles between the
   glass colour and the label. Loaded on every page. */
.btn{
  --glass:var(--navy,#1C4E80); --hi:rgba(255,255,255,.2); --hi-stop:42%; --fringe:rgba(140,200,255,.28);
  position:relative;isolation:isolate;overflow:hidden;border-radius:999px !important;color:#fff;
  background:radial-gradient(130% 160% at 28% -30%, var(--hi) 0%, rgba(255,255,255,0) var(--hi-stop)),
             radial-gradient(90% 120% at 80% 130%, var(--fringe) 0%, rgba(140,200,255,0) 55%), var(--glass) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),          /* the rim */
             inset 0 2px 1px rgba(255,255,255,.75),          /* top lip catching the light */
             inset 0 -4px 8px rgba(0,0,0,.28),               /* thickness at the bottom */
             inset 7px 0 10px -7px rgba(120,210,255,.55),    /* cool fringe, left edge */
             inset -7px 0 10px -7px rgba(255,150,210,.45),   /* warm fringe, right edge */
             0 10px 24px -10px rgba(21,36,53,.55) !important;
}
.btn:hover{--glass:#163E66}
.btn-copper{--glass:var(--copper,#B0653A)}
.btn-copper:hover{--glass:#9A5530}
.btn::after{                                                 /* the shine: over the sparkles, under the label */
  content:"";position:absolute;left:12%;right:12%;top:2px;height:32%;border-radius:999px;pointer-events:none;z-index:-1;
  background:radial-gradient(70% 100% at 50% 0%, rgba(255,255,255,.26) 0%, rgba(255,255,255,.08) 55%, rgba(255,255,255,0) 85%);
}
/* clear glass: the white outline buttons (same droplet, light glass, dark label) */
.btn-ghost, .btn-ghost:hover{--glass:rgba(255,255,255,.65); --hi:rgba(255,255,255,.95); --hi-stop:50%; --fringe:rgba(140,200,255,.25)}
.btn-ghost{color:var(--deep);border:0}