.dls-like-btn,
.dls-like-btn:hover,
.dls-like-btn.liked,
.dls-like-btn:focus {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

.dls-like-btn {
  font-size: 1.3em;
  padding: 0.3em 0.7em;
  outline: none;
  cursor: pointer;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 0.4em;
  transition: background 0.2s;
  position: relative;
}

.dls-like-btn .dls-heart {
  color: #9e9ea7;
  font-size: 1.3em;
  transition: color 0.2s, transform 0.2s;
  will-change: color, transform;
  display: inline-block;
}

.dls-like-btn:hover .dls-heart {
  color: #e74c3c;
  transform: scale(1.15);
}

.dls-like-btn.liked .dls-heart {
  color: #88e64a;
  animation: dls-pop 0.3s;
  transform: scale(1.25);
}

@keyframes dls-pop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.4); }
  100% { transform: scale(1.25); }
}

.dls-view-count {
  color: #888;
  font-size: 1em;
}

.dls-toast {
  visibility: hidden;
  min-width: 260px;
  background-color: #222;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px 24px;
  position: fixed;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  z-index: 9999;
  font-size: 1.1em;
  opacity: 0;
  transition: opacity 0.4s, top 0.4s;
  box-shadow: 0 4px 24px rgba(0,0,0,0.15);
  pointer-events: none;
}

.dls-toast-show {
  visibility: visible;
  opacity: 1;
  top: 60px;
  pointer-events: auto;
}

.dls-toast-success {
  background: #2ecc71;
  color: #fff;
}

.dls-toast-error {
  background: #e74c3c;
  color: #fff;
}