.glowing {
  text-align: center;
  border: none;
  outline: none;
  /* padding: 12px 24px !important; */
  // color: rgb(255, 255, 255);
  // background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;

  user-select: none;
  -webkit--user-select: none;
  touch-action: manipulation;

  transition: box-shadow 0.2s;
}

.glowing:before {
  content: 'bomist';
  background: linear-gradient(
    145deg,
    #917f37,
    #8d7d3c,
    #746a45,
    #4d4093,
    #3c3468,
    #4d4093,
    #746a45,
    #8d7d3c,
    #917f37
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 300%;
  z-index: -1;
  filter: blur(6px);
  opacity: 90%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-animation: glowing 20s linear infinite;
  -moz-animation: glowing 20s linear infinite;
  animation: glowing 10s linear infinite;
  transition: opactiy 0.3s ease-in-out;
  border-radius: 0px;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.glowing:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(54, 51, 86, 0.95);
  border: 2px solid #a49b78;
  left: 0;
  top: 0;
  border-radius: 0px;
}