

/* Primary call-to-action on mobile.
   mobile.css forces `.btn-primary { background: rgba(255,255,255,.95) !important }`
   at <=768px, which turned the phone button - the main conversion element, and the
   one most of this traffic is there to tap - into a plain white secondary-looking
   button while desktop showed the brand gradient. Restored to match desktop. */
@media (max-width: 768px){
  .btn-primary,
  a.btn.btn-primary{
    background: linear-gradient(135deg,#E85D00,#CC2222) !important;
    color:#fff !important;
    box-shadow: 0 6px 18px rgba(204,34,34,.32) !important;
  }
  .actions .btn-primary, .mobilepanel .btn-primary{
    background:#FF7A1A !important;   /* header/panel keep their own orange */
  }
}
