/*-----------------------------------------------------
  Global Keyframes & Animations
-----------------------------------------------------*/
@keyframes shimmer {
  0% {
    left: -75%;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

@keyframes textShimmer {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

/*-----------------------------------------------------
  Home Progressive Jackpot
-----------------------------------------------------*/
.home-progressive-jackpot .jackpot-container {
  position: relative;
  z-index: 1;
  border-radius: 80px;
}

.home-progressive-jackpot .jackpot-container::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  border-radius: 80px;
  background: linear-gradient(194deg, #9d3bff, #220043, #220043);
  background-size: 200% 200%;
  pointer-events: none;
}

/*-----------------------------------------------------
  Mobile Jackpot Section
-----------------------------------------------------*/
@media (max-width:768px) {
  div[data-section="jackpot"] {
    position: relative;
    width: 100%;
    padding-bottom: 103px;
  }

  div[data-section="jackpot"]::before {
    content: "Group Telegram";
    white-space: nowrap;
    display: inline-block;
    padding: 10px 26px;
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(177deg, #3f0279 0%, #26013f 15%, #26013f 30%, #fff 45%, #26013f 60%, #26013f 75%, #fff 90%, #26013f 100%);
    background-size: 600% 600%;
    box-shadow: inset 0 0 5px 2px #26013f, inset 0 2px 0 0 #fff, inset 0 0 0 2px #26013f, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-shadow: 1px 1px 2px #26013f;
    border-radius: 8px;
    cursor: pointer;
    position: absolute;
    left: 12px;
    top: 56%;
    margin-top: 10px;
    z-index: 9;
  }

  div[data-section="jackpot"]::after {
    content: "WhatsApp";
    white-space: nowrap;
    display: inline-block;
    padding: 10px 50px;
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(177deg, #3f0279 0%, #26013f 15%, #26013f 30%, #fff 45%, #26013f 60%, #26013f 75%, #fff 90%, #26013f 100%);
    background-size: 600% 600%;
    box-shadow: inset 0 0 5px 2px #26013f, inset 0 2px 0 0 #fff, inset 0 0 0 2px #26013f, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-shadow: 1px 1px 2px #26013f;
    border-radius: 8px;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 56%;
    margin-top: 10px;
    z-index: 9;
  }

  div[data-section="jackpot"] .center-btn {
    display: inline-block;
    padding: 6px 96px;
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    background-image: linear-gradient(120deg, #3f0279 0%, #3f0279 15%, #3f0279 50%, #3f0279 85%, #3f0279 100%);
    animation: glowGoldAlt 2s ease-in-out infinite, sharedGlowRun 4s ease-in-out infinite;
    box-shadow: inset 0 0 4px 2px #3f0279, inset 0 0 0 2px #fff;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(57% + 62px);
    z-index: 9;
  }

  div[data-section="jackpot"] .center-btn::before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: inherit;
    background-size: 300% 300%;
    z-index: -1;
  }
}