/* Sira Le Seriw — UI Phase 14.1.1.3.3.1
   Homepage Creator CTA Border-Orbit Hotfix
   Scope: preserve Phase 14.1.1.3.3 typography/copy, replace the incorrect rotating block with a border-only orbit. */

.ca-home-band .ca-surface > a{
  color:#f4cb61;
  font-size:15px;
  line-height:1.15;
  letter-spacing:.005em;
  transition:color .2s ease,transform .2s ease;
}
.ca-home-band .ca-surface > a b{font-weight:850}
.ca-home-band .ca-surface > a span{
  background:#f3c34f;
  color:#13392f;
  box-shadow:0 5px 14px rgba(0,0,0,.13);
}
.ca-home-band .ca-surface > a:hover,
.ca-home-band .ca-surface > a:focus-visible{
  color:#fff4c8;
  transform:translateX(2px);
}

@property --sls-studio-orbit-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}

.ca-home-band .ca-combo > a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:18px 30px;
  border:1px solid rgba(255,235,178,.35);
  border-radius:15px;
  background:linear-gradient(135deg,#a88660 0%,#967451 100%);
  color:#fffaf0;
  font:850 20px/1 Inter,system-ui,sans-serif;
  letter-spacing:-.015em;
  box-shadow:0 10px 24px rgba(60,39,19,.18);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

/* Border-only travelling highlight. The pseudo-element itself never rotates,
   so no large rectangle/wedge can sweep across the button. */
.ca-home-band .ca-combo > a::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:18px;
  padding:3px;
  pointer-events:none;
  background:conic-gradient(
    from var(--sls-studio-orbit-angle),
    transparent 0deg 292deg,
    rgba(244,199,76,.18) 300deg,
    #f5c94f 316deg,
    #ec8a3f 327deg,
    #df5a45 338deg,
    rgba(245,201,79,.55) 348deg,
    transparent 358deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 3px rgba(245,201,79,.32));
  animation:slsStudioBorderOrbit 4.5s linear infinite;
}

.ca-home-band .ca-combo > a:hover,
.ca-home-band .ca-combo > a:focus-visible{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#ae8a62 0%,#8c6a49 100%);
  box-shadow:0 14px 30px rgba(60,39,19,.24);
}
.ca-home-band .ca-combo > a:focus-visible{
  outline:3px solid rgba(255,248,228,.9);
  outline-offset:5px;
}

@keyframes slsStudioBorderOrbit{
  to{--sls-studio-orbit-angle:360deg}
}

@media(max-width:620px){
  .ca-home-band .ca-surface > a{font-size:14.5px}
  .ca-home-band .ca-combo > a{
    width:100%;
    max-width:370px;
    min-height:60px;
    padding:17px 24px;
    font-size:18px;
    margin-top:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ca-home-band .ca-combo > a::before{animation:none;background:rgba(245,201,79,.5)}
  .ca-home-band .ca-combo > a,
  .ca-home-band .ca-surface > a{transition:none}
  .ca-home-band .ca-combo > a:hover,
  .ca-home-band .ca-combo > a:focus-visible,
  .ca-home-band .ca-surface > a:hover,
  .ca-home-band .ca-surface > a:focus-visible{transform:none}
}