body{
    margin: 0;
    background-color: #ffffff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.container{
    height: 100vh;
    margin: 0;
}
.buy-button { display: none; }

.buy-button a,
.burst a{
  white-space: nowrap; 
  display:inline-block;
  padding:14px 28px;
  background:#00ff00;
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-size: 1vw;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

.burst{
  position: fixed;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%) scale(0.2) rotate(var(--rot));
  animation: pop var(--dur, 10s) ease-out forwards;
  will-change: transform, opacity;
  z-index: 9999;
}

@keyframes pop{
  0%   { opacity: 0; transform: translate(-50%,-50%) scale(.2) rotate(var(--rot)); }
  6%   { opacity: 1; } 
  92%  { opacity: 1; }   
  100% { opacity: 0; transform: translate(-50%,-50%) scale(2.2) rotate(var(--rot)); }
}
@media (max-width: 768px) {
    .buy-button a,
    .burst a{
        font-size: 5vw;
}
}
.social{
  width: 1vw;
  height: auto;
}