.discord-cta{
  position:relative;
  overflow:hidden;
  gap:10px;
  border-color:rgba(88,101,242,.8)!important;
  background:linear-gradient(135deg,rgba(88,101,242,.2),rgba(88,101,242,.07))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18);
  transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;
}
.discord-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14) 48%,transparent 76%);
  transform:translateX(-130%);
  transition:transform .42s ease;
  pointer-events:none;
}
.discord-cta>span,.discord-mark{position:relative;z-index:1}
.discord-mark{
  width:20px;
  height:20px;
  flex:0 0 auto;
  fill:currentColor;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
  transition:transform .16s;
}
.discord-cta:hover{
  border-color:#8790ff!important;
  background:linear-gradient(135deg,#5865f2,#4752c4)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(88,101,242,.3);
  transform:translateY(-1px);
}
.discord-cta:hover::before{transform:translateX(130%)}
.discord-cta:hover .discord-mark{transform:scale(1.08)}
.discord-cta:focus-visible{
  outline:2px solid #aeb4ff;
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  .discord-cta,.discord-cta::before,.discord-mark{transition:none}
}