/*** T3SB identifier: easybutton-2 */

      /* BTN TWO */
      .button {
        color: #375f3a;
      }
      .easybutton2::before, .easybutton2::after {
        content: '';
        position: absolute;
        width: 100%;
      	height: 100%;
        bottom: 0;
      	left: 0;
      	z-index: 0;
        transition: all 0.3s;
        border: 1px solid #375f3a;
      }

      .easybutton2:hover::after {
        animation-name: rotatecw;
        animation-duration: 2s;
      }
      .easybutton2:hover::before {
        animation-name: rotateccw;
        animation-duration: 3s;
      }
      .easybutton2:hover::after, .easybutton2:hover::before {
        left: 96px;
        width: 64px;

        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      @keyframes rotatecw {
          from {transform: rotate(0deg);}
          to {transform: rotate(360deg);}
      }

      @keyframes rotateccw {
          from {transform: rotate(0deg);}
          to {transform: rotate(-360deg);}
      }
    


/*** T3SB identifier: easybutton-1 */

      	/* BTN ONE */
        .button {
          color: #385f3a;
        }
      .easybutton1::before {
      	z-index: 0;
        opacity: 0;
        background: #385f3a;
        transform: scale(0.1, 1);
      }

      .easybutton1:hover::before {
        opacity: 0.2;
        transform: scale(1, 1);
      }

      .easybutton1::after {
        transition: all 0.3s;
        border: 1px solid;
        border-color: #385f3a;
      }

      .easybutton1:hover::after {
        transform: scale(1, .1);
        opacity: 0;
      }