@import url("epf-theme.css");
@import url("epf-admin-compat.css");
@import url("epf-public-boxes.css");

.button-feedback-active {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  transform: translateY(0.08rem) scale(0.99);
}

.button-feedback-active::before {
  width: 1.4em;
  height: 1.4em;
  flex: 0 0 1.4em;
  content: "";
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 33c0-11 9-19 22-19 6 0 11 2 15 6l8-3-2 10c2 3 3 6 3 10 0 10-9 18-22 18H25C13 55 5 48 5 38c0-5 2-9 5-12l-3-7 11 4'/%3E%3Cpath d='M22 52v7m27-8v8M50 30h4a6 6 0 0 1 0 12h-4M29 19c3-5 9-7 14-4l-4 9'/%3E%3Ccircle cx='45' cy='29' r='1.8' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 33c0-11 9-19 22-19 6 0 11 2 15 6l8-3-2 10c2 3 3 6 3 10 0 10-9 18-22 18H25C13 55 5 48 5 38c0-5 2-9 5-12l-3-7 11 4'/%3E%3Cpath d='M22 52v7m27-8v8M50 30h4a6 6 0 0 1 0 12h-4M29 19c3-5 9-7 14-4l-4 9'/%3E%3Ccircle cx='45' cy='29' r='1.8' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  animation: pig-button-spin 700ms linear infinite;
}

@keyframes pig-button-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .button-feedback-active::before {
    animation: pig-button-pulse 500ms ease-in-out infinite alternate;
  }

  @keyframes pig-button-pulse {
    to { opacity: 0.45; }
  }
}