@keyframes marquee {
  0%   { box-shadow:
    0 -10px 0 #fff,
    10px 0 0 transparent,
    0 10px 0 transparent,
    -10px 0 0 transparent;
  }
  25%  { box-shadow:
    0 -10px 0 transparent,
    10px 0 0 #fff,
    0 10px 0 transparent,
    -10px 0 0 transparent;
  }
  50%  { box-shadow:
    0 -10px 0 transparent,
    10px 0 0 transparent,
    0 10px 0 #fff,
    -10px 0 0 transparent;
  }
  75%  { box-shadow:
    0 -10px 0 transparent,
    10px 0 0 transparent,
    0 10px 0 transparent,
    -10px 0 0 #fff;
  }
  100% { box-shadow:
    0 -10px 0 #fff,
    10px 0 0 transparent,
    0 10px 0 transparent,
    -10px 0 0 transparent;
  }
}

.bioscoopbord-box {
  position: relative;
  padding: 70px 50px;
  border-radius: 18px;
  color: inherit;
  text-align: center;
  background: #7a0076;
  outline: 6px solid #e200df;
}

.bioscoopbord-box::before {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 22px;
  animation: marquee 1.2s steps(1) infinite;
}

.bioscoopbord-box * {
  position: relative;
  z-index: 2;
}