/* Shared ServioX attribution treatment for canonical self-service sites and
   the approved done-for-you examples. Keep this component product-neutral. */
a.svx-powered-by,
a.powered {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  padding:11px 20px !important;
  border:1px solid rgba(11,22,51,.10) !important;
  border-radius:12px !important;
  background:#f47a20 !important;
  color:#0b1633 !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(11,22,51,.16) !important;
  transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}

a.svx-powered-by:hover,
a.powered:hover {
  background:#ea6b12 !important;
  color:#0b1633 !important;
  box-shadow:0 9px 20px rgba(11,22,51,.18) !important;
}

a.svx-powered-by:active,
a.powered:active {
  transform:translateY(1px) !important;
  box-shadow:0 5px 12px rgba(11,22,51,.16) !important;
}

a.svx-powered-by:focus-visible,
a.powered:focus-visible {
  outline:3px solid #0b1633 !important;
  outline-offset:4px !important;
  box-shadow:0 0 0 6px rgba(244,122,32,.32),0 8px 18px rgba(11,22,51,.16) !important;
}

@media(max-width:760px) {
  a.svx-powered-by,
  a.powered {
    max-width:100%;
    padding:10px 18px !important;
    font-size:15px !important;
  }
}
