/* =============================
   EC STYLE 3 - BASE BUTTON
============================= */

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

.pqcew-style-3 .pqcew-button:hover {
  background: #000000;
}

/* Button block layout */
.pqcew-style-3 .pqcew-button-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.pqcew-style-3 .pqcew-button-text {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

/* Icon base */
.pqcew-style-3 .pqcew-button-icon {
  color: #ffffff;
}

.pqcew-style-3 .pqcew-button-icon i {
  font-size: 16px;
  transition: all 0.3s ease;
}

/* =============================
   LEFT ICON POSITION
============================= */
.pqcew-style-3 .pqcew-left .pqcew-button-block {
  flex-direction: row; /* icon before text */
}

.pqcew-style-3 .pqcew-left .pqcew-button-icon {
  order: -1; /* move icon left */
}

/* =============================
   RIGHT ICON POSITION
============================= */
.pqcew-style-3 .pqcew-right .pqcew-button-block {
  flex-direction: row; /* icon after text */
}

.pqcew-style-3 .pqcew-right .pqcew-button-icon {
  order: 2; /* move icon right */
}