/* /assets/site-buttons.css: the landing page's product button on every other page.
   The flat #62D230 fill with near-black type read poorly; the landing page (src/otonic-site.html .cta)
   uses a darker green gradient, white type with a 1px shadow, and a lit top edge. Linked last in <head>,
   so these rules win over each page's own; each selector is listed again under html.msl so light
   mode keeps the same button. Only colour, border and type change here, never size or layout. */
.osc.here .get,
html.msl .osc.here .get,
.osc.on .get,
html.msl .osc.on .get,
.dlgrid.one .osc.on .get,
html.msl .dlgrid.one .osc.on .get,
.btn.pri,
html.msl .btn.pri,
.sform button[type=submit],
html.msl .sform button[type=submit],
.rbtn,
html.msl .rbtn,
.tbuy,
html.msl .tbuy,
.otacct a.otgo,
html.msl .otacct a.otgo,
.msgo,
html.msl .msgo,
.btn.go,
html.msl .btn.go,
.askbtn,
html.msl .askbtn,
.pbtn,
html.msl .pbtn,
.askrow button,
html.msl .askrow button,
.askfab,
html.msl .askfab,
.askcard-row button,
html.msl .askcard-row button,
.ostab.on,
html.msl .ostab.on,
.ospick button.on,
html.msl .ospick button.on,
.cyc.on,
html.msl .cyc.on {
  background:linear-gradient(180deg,#43cc1d,#2c9b0d);border-color:#25820b;color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.4);box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.07)
}
.osc.here .get:hover,
html.msl .osc.here .get:hover,
.osc.on .get:hover,
html.msl .osc.on .get:hover,
.dlgrid.one .osc.on .get:hover,
html.msl .dlgrid.one .osc.on .get:hover,
.btn.pri:hover,
html.msl .btn.pri:hover,
.sform button[type=submit]:hover,
html.msl .sform button[type=submit]:hover,
.rbtn:hover,
html.msl .rbtn:hover,
.tbuy:hover,
html.msl .tbuy:hover,
.otacct a.otgo:hover,
html.msl .otacct a.otgo:hover,
.msgo:hover,
html.msl .msgo:hover,
.btn.go:hover,
html.msl .btn.go:hover,
.askbtn:hover,
html.msl .askbtn:hover,
.pbtn:hover,
html.msl .pbtn:hover,
.askrow button:hover,
html.msl .askrow button:hover,
.askfab:hover,
html.msl .askfab:hover,
.askcard-row button:hover,
html.msl .askcard-row button:hover,
.ostab.on:hover,
html.msl .ostab.on:hover,
.ospick button.on:hover,
html.msl .ospick button.on:hover,
.cyc.on:hover,
html.msl .cyc.on:hover {
  background:linear-gradient(180deg,#49e01f,#31ab0f);border-color:#25820b;color:#fff;text-decoration:none
}
/* the big ones also take the landing page's button face */
.osc.here .get,
html.msl .osc.here .get,
.osc.on .get,
html.msl .osc.on .get,
.dlgrid.one .osc.on .get,
html.msl .dlgrid.one .osc.on .get,
.btn.pri,
html.msl .btn.pri,
.sform button[type=submit],
html.msl .sform button[type=submit],
.rbtn,
html.msl .rbtn,
.tbuy,
html.msl .tbuy,
.otacct a.otgo,
html.msl .otacct a.otgo,
.msgo,
html.msl .msgo,
.btn.go,
html.msl .btn.go,
.askbtn,
html.msl .askbtn,
.pbtn,
html.msl .pbtn {
  font-family:'Rajdhani','Jura',sans-serif;font-weight:700;letter-spacing:.06em
}
.osc.here .get:focus-visible,
html.msl .osc.here .get:focus-visible,
.osc.on .get:focus-visible,
html.msl .osc.on .get:focus-visible,
.dlgrid.one .osc.on .get:focus-visible,
html.msl .dlgrid.one .osc.on .get:focus-visible,
.btn.pri:focus-visible,
html.msl .btn.pri:focus-visible,
.sform button[type=submit]:focus-visible,
html.msl .sform button[type=submit]:focus-visible,
.rbtn:focus-visible,
html.msl .rbtn:focus-visible,
.tbuy:focus-visible,
html.msl .tbuy:focus-visible,
.otacct a.otgo:focus-visible,
html.msl .otacct a.otgo:focus-visible,
.msgo:focus-visible,
html.msl .msgo:focus-visible,
.btn.go:focus-visible,
html.msl .btn.go:focus-visible,
.askbtn:focus-visible,
html.msl .askbtn:focus-visible,
.pbtn:focus-visible,
html.msl .pbtn:focus-visible,
.askrow button:focus-visible,
html.msl .askrow button:focus-visible,
.askfab:focus-visible,
html.msl .askfab:focus-visible,
.askcard-row button:focus-visible,
html.msl .askcard-row button:focus-visible,
.ostab.on:focus-visible,
html.msl .ostab.on:focus-visible,
.ospick button.on:focus-visible,
html.msl .ospick button.on:focus-visible,
.cyc.on:focus-visible,
html.msl .cyc.on:focus-visible { outline:2px solid #8fe36a;outline-offset:2px }