.siri-app-box{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#f8ffff,#e6fbff)!important;
}

.siri-app-box span{
  position:relative!important;
  z-index:3!important;
  color:#07111f!important;
  font-weight:900!important;
  letter-spacing:1px!important;
}

.siri-app-box::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 35%,rgba(39,230,211,.95),transparent 35%),
    radial-gradient(circle at 70% 40%,rgba(77,140,255,.9),transparent 38%),
    radial-gradient(circle at 45% 75%,rgba(180,80,255,.75),transparent 42%);
  filter:blur(14px);
  opacity:.75;
  animation:siriPulse 3.2s ease-in-out infinite;
}

.siri-app-box::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:2px solid rgba(39,230,211,.35);
  animation:siriRing 2.8s ease-in-out infinite;
}

.siri-app-box i,
.siri-app-box b{
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  filter:blur(18px);
  opacity:.55;
}

.siri-app-box i{
  background:rgba(39,230,211,.8);
  animation:siriFloatA 4s ease-in-out infinite;
}

.siri-app-box b{
  background:rgba(77,140,255,.7);
  animation:siriFloatB 4.6s ease-in-out infinite;
}

@keyframes siriPulse{
  0%,100%{transform:scale(.85) rotate(0deg)}
  50%{transform:scale(1.12) rotate(180deg)}
}

@keyframes siriRing{
  0%,100%{transform:scale(.82);opacity:.35}
  50%{transform:scale(1.08);opacity:.8}
}

@keyframes siriFloatA{
  0%,100%{transform:translate(-35px,-20px)}
  50%{transform:translate(28px,24px)}
}

@keyframes siriFloatB{
  0%,100%{transform:translate(32px,24px)}
  50%{transform:translate(-26px,-18px)}
}
