body {
    margin: 0;
    background: #000;
    text-align: center;
    font-family: sans-serif
}

img {
    width: 100%;
    display: block
}

.middle-wrap {
    padding: 14px
}

.gold-frame {
    padding: 14px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 25px gold
}

.gold-frame::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 220%;
    height: 220%;
    background: conic-gradient(gold,rgba(255,255,255,.7),gold,rgba(255,200,0,.7),gold);
    animation: spin 2s linear infinite;
    z-index: 1
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

.runner {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(120deg,transparent,rgba(255,215,0,.9),#fff,rgba(255,200,0,.9),transparent);
    animation: run 1.5s infinite
}

@keyframes run {
    0% {
        transform: translateX(-120%)
    }

    100% {
        transform: translateX(120%)
    }
}

.gold-frame img {
    position: relative;
    z-index: 3;
    border-radius: 15px;
    animation: glow 1.5s infinite
}

@keyframes glow {
    0% {
        filter: drop-shadow(0 0 10px gold)
    }

    50% {
        filter: drop-shadow(0 0 40px gold)
    }

    100% {
        filter: drop-shadow(0 0 10px gold)
    }
}

.floating-btn {
    position: fixed;
    bottom: 12px;
    left: 0;
    right: 0
}

.floating-btn a {
    background: gold;
    color: #000;
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 0 25px gold;
    animation: pulse 1.3s infinite
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 15px gold
    }

    50% {
        box-shadow: 0 0 40px gold
    }

    100% {
        box-shadow: 0 0 15px gold
    }
}

.disclaimer{
  font-size:11px;
  line-height:1.6;
  color:#ffffff;
  text-align:center;
  padding:20px 12px 90px;
  max-width:900px;
  margin:0 auto;
}

