/* style-1 button */
 .pqcew-button-container.pqcew-style-2 .pqcew-button {
      display: inline-block;
      padding: 12px 28px;
      color: #ffffff;
      text-transform: uppercase;
      font-size: 18px;
      letter-spacing: 1px;
      transition: all 0.3s ease-in-out;
      position: relative;
      overflow: hidden;
      z-index: 1;
      text-decoration: none;
      background-color: #00cafd;
      border-radius: 5px;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button span {
      transition: all 0.3s ease-in-out;
 }

 /* pqcew-left */
 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-left:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #00cafd;
      z-index: -2;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-left:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-color: #000000;
      transition: all 0.3s ease-in-out;
      z-index: -1;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-left:hover {
      color: #fff;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-left:hover:before {
      width: 100%;
 }

 /* pqcew-right */

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-right:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #00cafd;
      z-index: -2;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-right:before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0%;
      height: 100%;
      background-color: #000000;
      transition: all 0.3s ease-in-out;
      z-index: -1;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-right:hover {
      color: #fff;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-right:hover:before {
      width: 100%;
 }


 /* pqcew-down */

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-down:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #00cafd;
      z-index: -2;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-down:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 0%;
      background-color: #000000;
      transition: all 0.3s ease-in-out;
      z-index: -1;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-down:hover {
      color: #fff;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-down:hover:before {
      height: 100%;
 }

 /* pqcew-top */

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-top:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #00cafd;
      z-index: -2;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-top:before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 0%;
      background-color: #000000;
      transition: all 0.3s ease-in-out;
      z-index: -1;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-top {
      transition: all 0.3s ease-in-out;
 }

 .pqcew-button-container.pqcew-style-2 .pqcew-button.pqcew-top:hover:before {
      height: 100%;
 }