Copy.module.scss 597 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .button {
  2. position: relative;
  3. > .icon {
  4. color: var(--text-super-muted);
  5. text-shadow: 1px 1px 0 #fff;
  6. cursor: pointer;
  7. &:hover {
  8. color: var(--text-muted-emphasis);
  9. }
  10. }
  11. > .feedback {
  12. position: absolute;
  13. color: var(--text-super-muted);
  14. opacity: 0;
  15. pointer-events: none;
  16. &.active {
  17. animation-name: go-wild;
  18. animation-duration: 300ms;
  19. }
  20. }
  21. }
  22. @keyframes go-wild {
  23. 0% {
  24. transform: scale(0);
  25. opacity: 0;
  26. }
  27. 50% {
  28. transform: scale(4);
  29. opacity: 0.7;
  30. }
  31. 100% {
  32. transform: scale(2);
  33. opacity: 0;
  34. }
  35. }