/* SOON V43 — unified pill action buttons
   Shape follows the approved WhatsApp CTA, while keeping SOON brand red.
*/

.service-card .service-body > a,
.service-all-card .service-all-link,
.blog-card-restored > a,
.blog-card > a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-height:40px;
  padding:0 18px !important;
  margin-top:14px;
  border:0 !important;
  border-radius:999px !important;
  background:#ed1c24 !important;
  color:#fff !important;
  font-family:'Tajawal',sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(237,28,36,.18);
  transition:
    background-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.service-card .service-body > a:hover,
.service-all-card .service-all-link:hover,
.blog-card-restored > a:hover,
.blog-card > a:hover{
  background:#c9141d !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(237,28,36,.24);
}

.service-card .service-body > a:focus-visible,
.service-all-card .service-all-link:focus-visible,
.blog-card-restored > a:focus-visible,
.blog-card > a:focus-visible{
  outline:3px solid rgba(237,28,36,.24);
  outline-offset:3px;
}

/* Keep the action visually anchored at the bottom where cards use flex layouts. */
.blog-card-restored > a,
.blog-card > a{
  align-self:flex-start;
}

/* Black service cards: slightly brighter red for stronger contrast. */
.service-card .service-body > a{
  background:#f1252f !important;
}

.service-card .service-body > a:hover{
  background:#d5151f !important;
}

@media(max-width:640px){
  .service-card .service-body > a,
  .service-all-card .service-all-link,
  .blog-card-restored > a,
  .blog-card > a{
    min-height:42px;
    padding:0 17px !important;
    font-size:13px !important;
  }
}


/* SOON V44 — button text contrast correction */
.service-card .service-body > a,
.service-card .service-body > a:visited,
.service-all-card .service-all-link,
.service-all-card .service-all-link:visited,
.blog-card-restored > a,
.blog-card-restored > a:visited,
.blog-card > a,
.blog-card > a:visited{
  color:#ffffff !important;
  opacity:1 !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}

.service-card .service-body > a *,
.service-all-card .service-all-link *,
.blog-card-restored > a *,
.blog-card > a *{
  color:#ffffff !important;
  opacity:1 !important;
  -webkit-text-fill-color:#ffffff !important;
}

.service-card .service-body > a{
  box-shadow:0 6px 14px rgba(237,28,36,.20);
}