/* body {
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 1.8;
  color: var(--body-text-color);
} */

/* button */
.btn-dibya {
  /* margin: 100px;
  padding: 1em 2.5em; */
  /* border: none;
  outline: none; */
  /* color:wheat; */
  cursor: pointer;
  position: relative;
  z-index: 0;
  /* border-radius: 10px;  */
}

.btn-dibya::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #b96c4a;


  left: 0;
  top: 0;
  /* border-radius: 10px; */
}

/* glow */
.btn-dibya::before {
  content: "";
  background: linear-gradient(45deg,
      #ff0000,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #ff00c8,
      #ff0000);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 600%;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  filter: blur(8px);
  animation: dib 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  /* border-radius: 10px; */
  opacity: 1;
}

@keyframes dib {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

/* hover */



.btn-dibya:hover::before {
  opacity: 1;
}



.btn-dibya:active:after {
  background: transparent;
}

.btn-dibya:active {
  color: #000;
  font-weight: bold;
}