@keyframes eyeblink {
  0%,
  60% {
    transform: scale(1, 1);
    stroke-width: 13;
  }

  90% {
    transform: scale(1, 1);
    stroke-width: 13;
  }

  95% {
    transform: scale(1, .05);
    stroke-width: 36;
  }

  100% {
    transform: scale(1, 1);
    stroke-width: 13;
  }
}

@keyframes lookaside {
  0%,
  60% {
    transform: translate(0, 0);
  }

  65%,
  70% {
    transform: translate(-12%, 0);
  }

  80%,
  85% {
    transform: translate(12%, 0);
  }

  90% {
    transform: translate(0, 0);
  }
}

.wink {
  .eye,
  .eye-clip {
    fill: none;
    stroke-width: 13;
    stroke: currentColor;
    stroke-linecap: round;
    transform-origin: center center;
    animation: eyeblink 6s ease infinite;
  }

  .pupil {
    fill: none;
    stroke-width: 13;
    stroke: currentColor;
    stroke-linecap: round;
    transform-origin: center center;
    animation: lookaside 6s ease infinite;
  }
}