.magic-words{
  position:relative;
  width:100%;
  height:500px;
  overflow:hidden;
  border-radius:30px;
}

.fade-top,
.fade-bottom{
  position:absolute;
  left:0;
  width:100%;
  height:140px;
  z-index:10;
  pointer-events:none;
}

.fade-bottom{
  bottom:0;
  background:linear-gradient(
    to top,
    rgba(10,10,10,1),
    rgba(10,10,10,0)
  );
}

.magic-word{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  color:#fff;
  background:rgba(20,20,20,0.88);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:150px;
  padding:14px 28px;
  font-family:"Space Grotesk", sans-serif;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
  opacity:0;
  filter:blur(14px);
  box-shadow:0 10px 30px rgba(255,255,255,0.05), inset 0 0 20px rgba(255,255,255,0.02);
  backdrop-filter:blur(8px);
}

@media (max-width:767px){
  .magic-words{
    height:350px;
    border-radius:22px;
  }

  .magic-word{
    padding:10px 18px;
  }
}