/* PREMIUM_BUTTONS_COMPACT_FINAL_V4
   Compact oval buttons. This file is loaded after style.css and overrides previous .smallBtn rules. */
.service-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin-top:14px!important;
}
.service-actions a.smallBtn,
.service-actions a.smallBtn:link,
.service-actions a.smallBtn:visited,
.service-actions a.premium-oval-btn,
.service-actions a.premium-oval-btn:link,
.service-actions a.premium-oval-btn:visited{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  border:1px solid transparent!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.service-actions a.smallBtn::after,
.service-actions a.premium-oval-btn::after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:3px!important;
  height:38%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
.service-actions a.smallBtn:not(.order),
.service-actions a.premium-more-btn{
  flex:0 0 auto!important;
  min-width:112px!important;
  color:#1d4ed8!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 62%,#edf4ff 100%)!important;
  border-color:rgba(37,99,235,.24)!important;
  box-shadow:0 7px 15px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.service-actions a.smallBtn.order,
.service-actions a.premium-order-btn{
  flex:0 0 auto!important;
  min-width:152px!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 54%,#1d4ed8 100%)!important;
  border-color:rgba(147,197,253,.48)!important;
  box-shadow:0 9px 20px rgba(37,99,235,.23), inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.service-actions a.smallBtn:hover,
.service-actions a.premium-oval-btn:hover{
  transform:translateY(-1px)!important;
  text-decoration:none!important;
}
.service-actions a.smallBtn:not(.order):hover,
.service-actions a.premium-more-btn:hover{
  color:#ffffff!important;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 68%,#0ea5e9 100%)!important;
  box-shadow:0 11px 22px rgba(37,99,235,.20)!important;
}
.service-actions a.smallBtn.order:hover,
.service-actions a.premium-order-btn:hover{
  background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 48%,#172554 100%)!important;
  box-shadow:0 12px 26px rgba(37,99,235,.30)!important;
}
.service-actions a.smallBtn:focus-visible,
.service-actions a.premium-oval-btn:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 6px rgba(37,99,235,.28)!important;
}
@media(max-width:560px){
  .service-actions{gap:7px!important;margin-top:12px!important;}
  .service-actions a.smallBtn,
  .service-actions a.premium-oval-btn{height:38px!important;min-height:38px!important;font-size:12.5px!important;padding:0 12px!important;}
  .service-actions a.smallBtn:not(.order),
  .service-actions a.premium-more-btn{min-width:104px!important;}
  .service-actions a.smallBtn.order,
  .service-actions a.premium-order-btn{min-width:142px!important;}
}
@media(max-width:340px){
  .service-actions a.smallBtn,
  .service-actions a.premium-oval-btn{width:100%!important;}
}
