  }

      .animate .checkmark {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: checkstroke 0.3s cubic-bezier(0.62, 0, 0.43, 1) 0.0s forwards;
      }

      @keyframes checkstroke {
        100% {
          stroke-dashoffset: 0;
        }
      }
      @keyframes scale {
        0%, 100% {
          transform: none;
        }
        100% {
          background-color: #7cb550;
        }
        50% {
          transform: scale3d(1.1, 1.1, 