/* Reward / Ad Button Loading */
.watchAdButton.loading,
.interAdButton.loading {
  pointer-events: none;
  opacity: 0.6;
  position: relative;
  cursor: progress; /* Shows a spinning cursor without images */
}

/* Spinner inside button */
.watchAdButton.loading::after,
.interAdButton.loading::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  transform: translateY(-50%);
}

@keyframes spin {
  from { transform: translateY(-50%) rotate(0deg); }
  to   { transform: translateY(-50%) rotate(360deg); }
}