/* One primary button treatment across the three core product pages. */
body.mx-public-page :is(.home-page,.mixing-page,.mastering-page) :is(.home-primary-btn,.mix-primary,.mst-primary,.mix-example-primary){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  min-height:54px!important;
  padding:16px 23px!important;
  border:1px solid #ffdf80!important;
  border-radius:9px!important;
  background:linear-gradient(125deg,#ffedac,#ffcc47)!important;
  color:#211704!important;
  -webkit-text-fill-color:#211704!important;
  box-shadow:0 8px 34px rgba(244,192,64,.1)!important;
  font-size:.91rem!important;
  font-weight:800;
  line-height:1.35;
  text-decoration:none;
  transition:transform .2s,box-shadow .2s!important;
}
body.mx-public-page :is(.home-page,.mixing-page,.mastering-page) :is(.home-primary-btn,.mix-primary,.mst-primary,.mix-example-primary):hover{
  color:#211704!important;
  transform:translateY(-2px)!important;
  box-shadow:0 10px 35px rgba(244,192,64,.2)!important;
}
body.mx-public-page :is(.home-page,.mixing-page,.mastering-page) :is(.home-primary-btn,.mix-primary,.mst-primary,.mix-example-primary):focus-visible{outline:3px solid #ffe38a;outline-offset:6px}
@media(prefers-reduced-motion:reduce){
  body.mx-public-page :is(.home-page,.mixing-page,.mastering-page) :is(.home-primary-btn,.mix-primary,.mst-primary,.mix-example-primary){transition:none!important}
  body.mx-public-page :is(.home-page,.mixing-page,.mastering-page) :is(.home-primary-btn,.mix-primary,.mst-primary,.mix-example-primary):hover{transform:none!important}
}