.theme_btn.maha {
  --btn-text-color: var(--theme-btn-text-color);
  --btn-bg-color: var(--theme-btn-bg-color);
  --btn-hover-text-color: var(--theme-btn-hover-text-color);
  --btn-hover-bg-color: var(--theme-btn-hover-bg-color);
}

.button.maha {
  z-index: 2;
  color: var(--btn-text-color);
  background-color: var(--btn-bg-color);
  background-clip: padding-box;
  overflow: visible;
}
.button.maha::before,
.button.maha::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 50%;
  height: 90%;
  background-color: var(--btn-bg-color);
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  z-index: -1;
}
.button.maha::before {
  top: -20%;
  left: 20%;
}
.button.maha::after {
  bottom: -20%;
  right: 20%;
}
.button.maha:hover::before {
  transform: none;
}
.button.maha:hover::after {
  transform: none;
}