.wac-box, .wac-box * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Container under seller phones */
.wac-box {display:inline-block;margin-top:8px;}

/* Base button */
a.wac-btn {
  position:relative;
  display:inline-flex;
  align-items:center;
  background:transparent;
  color:#ad6dee;
  transition:0.15s;
  overflow:hidden;
  border-radius:999px;
  padding:4px 10px 4px 8px;
  font-size:12px;
  font-weight:600;
  border:1px solid #ad6dee;
}

a.wac-btn.wac-item {box-shadow:none;}

a.wac-btn:not(.wac-disabled).wac-item:hover {
  color:#008f5a;
  border-color:#008f5a;
  background:rgba(255,238,140,0.05);
}

a.wac-btn:not(.wac-disabled).wac-web:hover {color:#fff;transform:scale(1.05);}
a.wac-btn.wac-disabled {opacity:0.65;cursor:not-allowed;}
a.wac-btn.wac-web {position:fixed;z-index:99;}

.wac-btn .wac-icon {
  width:26px;
  height:26px;
  border-radius:999px;
  background:#ad6dee;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:8px;
}

.wac-btn .wac-icon img {
  filter: invert(48%) sepia(89%) saturate(1100%) hue-rotate(130deg) brightness(95%) contrast(90%);
  width:14px;
  height:14px;
}

.wac-btn .wac-text {
  font-weight:600;
  display:flex;
  height:auto;
  padding:0;
  line-height:1.3;
  font-size:13px;
}

.wac-btn .wac-text span {margin:auto 0;text-align:left;}

a.wac-btn.wac-item .wac-icon img,
a.wac-btn.wac-item .wac-text {
  height:20px;
  font-size:12px;
}

a.wac-btn.wac-button-square, a.wac-btn.wac-button-icon-square {border-radius:0px;}
a.wac-btn.wac-button-rounded, a.wac-btn.wac-button-icon-rounded {border-radius:5px;}
a.wac-btn.wac-button-bubble, a.wac-btn.wac-button-icon-bubble {border-radius:100px;}

a.wac-btn.wac-micro .wac-icon img, a.wac-btn.wac-micro .wac-text {height:18px;font-size:12px;}
a.wac-btn.wac-micro .wac-text {padding:0 4px 0 2px;}
a.wac-btn.wac-mini .wac-icon img, a.wac-btn.wac-mini .wac-text {height:26px;font-size:13px;}
a.wac-btn.wac-mini .wac-text {padding:0 6px 0 4px;}
a.wac-btn.wac-mini.wac-phone-new-line .wac-text {line-height:13px;}
a.wac-btn.wac-medium.wac-phone-new-line .wac-text {line-height:14px;}
a.wac-btn.wac-large .wac-icon img, a.wac-btn.wac-large .wac-text {height:40px;font-size:16px;}
a.wac-btn.wac-large .wac-text {padding:0 10px 0 8px;}
a.wac-btn.wac-large.wac-phone-new-line .wac-text {line-height:16px;}
a.wac-btn.wac-extra .wac-icon img, a.wac-btn.wac-extra .wac-text {height:64px;font-size:20px;}
a.wac-btn.wac-extra .wac-text {padding:0 12px 0 10px;}
a.wac-btn.wac-extra.wac-phone-new-line .wac-text {line-height:22px;}

a.wac-btn.wac-web.wac-position-top-left {left:0;top:0;}
a.wac-btn.wac-web.wac-position-top-right {right:0;top:0;}
a.wac-btn.wac-web.wac-position-bottom-left {left:0;bottom:0;}
a.wac-btn.wac-web.wac-position-bottom-right {right:0;bottom:0;}

/* Sidebar (seller box) specific layout: make WhatsApp button full-width */
#seller .wac-box {
  display:block;
  width:100%;
}

#seller .wac-box a.wac-btn.wac-item {
  display:flex;
  width:100%;
  justify-content:center;
}

/* Sidebar (top contact area): full-width WhatsApp bar under Send message */
#item-side .item-whatsapp-row .wac-box {
  display:block !important;
  width:100% !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
}

#item-side .item-whatsapp-row .wac-box a.wac-btn.wac-item {
  display:flex !important;
  width:100% !important;
  justify-content:center;
  align-items:center;
  background:#ad6dee !important;
  color:#ffffff !important;
  border:none !important;
  border-radius:6px !important;
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
  padding:10px 10px 10px 52px;
  position:relative;
}

#item-side .item-whatsapp-row .wac-box a.wac-btn.wac-item .wac-icon {
  position:absolute;
  left:0;
  top:0;
  width:42px;
  height:100%;
  border-radius:6px 0 0 6px;
  background:rgba(0,0,0,0.08);
  margin-right:0;
}

#item-side .item-whatsapp-row .wac-box a.wac-btn.wac-item .wac-icon img {
  width:18px;
  height:18px;
}

#item-side .item-whatsapp-row .wac-box a.wac-btn.wac-item .wac-text {
  font-size:14px;
  flex:1;
  display:flex;
  justify-content:center;
  text-align:center;
  padding-right:0;
  transform:translateX(-7px);
}

@media screen and (max-width: 767px) {

}