1 
 2<div class="item button-parrot" style="--bg-color: #2c3e50">
 3  <button>Click Me!
 4    <div class="parrot"></div>
 5    <div class="parrot"></div>
 6    <div class="parrot"></div>
 7    <div class="parrot"></div>
 8    <div class="parrot"></div>
 9    <div class="parrot"></div>
10  </button>
11</div>          

  1 
  2button {
  3  background: transparent;
  4  color: #fff;
  5  border: 3px solid #fff;
  6  border-radius: 50px;
  7  padding: 0.8rem 2rem;
  8  font: 18px "Margarine", sans-serif;
  9  outline: none;
 10  cursor: pointer;
 11  position: relative;
 12  transition: 0.2s ease-in-out;
 13  letter-spacing: 2px;
 14}
 15 
 16.name {
 17  width: 100%;
 18  text-align: center;
 19  padding: 0 0 3rem;
 20  padding-top: 4rem;
 21  font: 500 14px "Rubik", sans-serif;
 22  letter-spacing: 0.5px;
 23  text-transform: uppercase;
 24  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 25}
 26 
 27.button-parrot .parrot {
 28  position: absolute;
 29  width: 60px;
 30  text-align: center;
 31  animation: blink 0.8s infinite;
 32  color: transparent;
 33}
 34 
 35.button-parrot .parrot:before {
 36  content: "Click Me!";
 37}
 38 
 39.button-parrot .parrot:nth-child(1) {
 40  top: -30px;
 41  left: -40px;
 42  font: 12px/1 "Margarine", sans-serif;
 43  transform: rotate(-20deg);
 44  animation-duration: 0.5s;
 45}
 46 
 47.button-parrot .parrot:nth-child(2) {
 48  font: 12px/1 "Margarine", sans-serif;
 49  right: -40px;
 50  top: -20px;
 51  transform: rotate(15deg);
 52  animation-duration: 0.3s;
 53}
 54 
 55.button-parrot .parrot:nth-child(3) {
 56  font: 16px/1 "Margarine", sans-serif;
 57  top: -60px;
 58  left: 15px;
 59  transform: rotate(10deg);
 60  animation-duration: 1s;
 61}
 62 
 63.button-parrot .parrot:nth-child(4) {
 64  font: 18px/1 "Margarine", sans-serif;
 65  top: -70px;
 66  left: 95px;
 67  transform: rotate(2deg);
 68  animation-duration: 0.7s;
 69}
 70 
 71.button-parrot .parrot:nth-child(5) {
 72  font: 14px/1 "Margarine", sans-serif;
 73  top: 80px;
 74  left: 105px;
 75  transform: rotate(-20deg);
 76  animation-duration: 0.8s;
 77}
 78 
 79.button-parrot .parrot:nth-child(6) {
 80  font: 12px/1 "Margarine", sans-serif;
 81  top: 80px;
 82  left: 5px;
 83  transform: rotate(10deg);
 84  animation-duration: 1.2s;
 85}
 86 
 87.button-parrot button:hover .parrot:before {
 88  content: "Do it!";
 89  width: 70px;
 90}
 91 
 92@keyframes blink {
 93  25%, 75% {
 94    color: transparent;
 95  }
 96 
 97  40%, 60% {
 98    color: #fff;
 99  }
100}