/* ==================================================
   BUTTON STATES
================================================== */
.cs-load-more-btn.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Ripple effect on buttons */
.play-btn {
  position: relative;
  overflow: hidden;
}

.ripple {
  position: absolute;
  width: 120px;
  height: 120px;
  background: rgba(255,255,255,.4);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: rippleAnim 0.6s ease-out;
}

@keyframes rippleAnim {
  to {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}