/* Smartarget-like WhatsApp button classes. Kept intentionally close to the HTML generated by the old module. */
.smt-app { display: block !important; position: relative; }
.smt-app .sm-fixed { z-index: 100000 !important; position: fixed; }
.smt-app,
.smt-app * { letter-spacing: normal; font-size: 14px; line-height: normal; font-weight: normal; margin: 0; box-sizing: border-box !important; }
.smt-app svg { display: block; }
.smt-wrapper { background: none; padding: 0; width: auto; height: auto; }
.hover-opacity { cursor: pointer; transition: opacity 200ms linear; }
.hover-opacity:hover { opacity: .95 !important; }
.smt-app-whatsapp { font-family: sf-pro-display, Roboto, sans-serif; }

.smt-app-whatsapp .sm-button {
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.06), 0 2px 32px 0 rgba(0,0,0,.16);
  box-sizing: border-box;
  padding: 0;
  display: block;
  transition: width .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.smt-app-whatsapp .sm-button a:not(.powered-link) { text-decoration: none; }
.smt-app-whatsapp .sm-button.sm-button-text,
.smt-app-whatsapp .sm-button.sm-button-tab { display: flex; white-space: nowrap; color: #fff; user-select: none; background: #30bf39; }
.smt-app-whatsapp .sm-button.sm-button-text:not(.sm-small),
.smt-app-whatsapp .sm-button.sm-button-tab:not(.sm-small) { padding: 6px 12px; }
.smt-app-whatsapp .sm-button.sm-button-text:not(.sm-small)>span,
.smt-app-whatsapp .sm-button.sm-button-text:not(.sm-small)>a>span,
.smt-app-whatsapp .sm-button.sm-button-tab:not(.sm-small)>span,
.smt-app-whatsapp .sm-button.sm-button-tab:not(.sm-small)>a>span {
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
}
.smt-app-whatsapp .sm-button.sm-button-text:not(.sm-small) img:not(.powered-by-icon),
.smt-app-whatsapp .sm-button.sm-button-tab:not(.sm-small) img:not(.powered-by-icon) { width: 30px; height: 30px; }
.smt-app-whatsapp .sm-button.sm-button-text a:not(.powered-link),
.smt-app-whatsapp .sm-button.sm-button-tab a:not(.powered-link) { display: inherit; color: #fff !important; align-items: center; }
.smt-app-whatsapp .sm-button.sm-button-tab { border-radius: 10px; }

.smt-app-whatsapp .sm-button.top-left,
.smt-app-whatsapp .sm-button.bottom-left,
.smt-app-whatsapp .sm-button.left { left: 25px; }
.smt-app-whatsapp .sm-button.top-right,
.smt-app-whatsapp .sm-button.bottom-right,
.smt-app-whatsapp .sm-button.right { right: 25px; }
.smt-app-whatsapp .sm-button.left,
.smt-app-whatsapp .sm-button.right { transform: translateY(-50%); top: 50%; }
.smt-app-whatsapp .sm-button.top-left,
.smt-app-whatsapp .sm-button.top-right,
.smt-app-whatsapp .sm-button.top,
.smt-app-whatsapp .sm-button.top-center { top: 25px; }
.smt-app-whatsapp .sm-button.bottom-left,
.smt-app-whatsapp .sm-button.bottom-right,
.smt-app-whatsapp .sm-button.bottom,
.smt-app-whatsapp .sm-button.bottom-center { bottom: 25px; }
.smt-app-whatsapp .sm-button.top-center,
.smt-app-whatsapp .sm-button.bottom-center,
.smt-app-whatsapp .sm-button.top,
.smt-app-whatsapp .sm-button.bottom { left: 50%; transform: translateX(-50%); right: initial; }

.smt-app-whatsapp .sm-button.sm-button-tab.top-left,
.smt-app-whatsapp .sm-button.sm-button-tab.top-center,
.smt-app-whatsapp .sm-button.sm-button-tab.top-right { top: -5px; padding-top: 12px !important; }
.smt-app-whatsapp .sm-button.sm-button-tab.bottom-left,
.smt-app-whatsapp .sm-button.sm-button-tab.bottom-center,
.smt-app-whatsapp .sm-button.sm-button-tab.bottom-right { bottom: -5px; padding-bottom: 12px !important; }
.smt-app-whatsapp .sm-button.sm-button-tab.left { transform: translateY(-50%) translateX(-50%) rotate(-90deg); left: 0; padding-top: 58px; }
.smt-app-whatsapp .sm-button.sm-button-tab.right {
  transform: translateY(-50%) translateX(50%) rotate(-90deg);
  right: 0;
  padding: 6px 12px !important;
  padding-bottom: 6px !important;
  height: 42px !important;
  min-height: 42px !important;
  overflow: visible !important;
}
.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 26px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  overflow: visible !important;
}

.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right .sm-icon-toggle-container {
  display: block !important;
  position: relative !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  flex: 0 0 26px !important;
margin-right: 0 !important;
}

.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right .sm-icon-toggle-container svg {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
}

.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right span {
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
  letter-spacing: -0.1px !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;

  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: auto !important;
  text-rendering: auto !important;
}

.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right {
  -webkit-font-smoothing: subpixel-antialiased !important;
  text-rendering: auto !important;
}

.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right a {
  -webkit-font-smoothing: subpixel-antialiased !important;
  text-rendering: auto !important;
}

.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right span:first-of-type,
.smt-app-whatsapp.force-mobile .sm-button.sm-button-tab.right span:last-of-type {
  display: none !important;
}

 

.smt-app-whatsapp .sm-icon-toggle-container { position: relative; width: 60px; height: 60px; flex-shrink: 0; }
.smt-app-whatsapp .sm-button-text:not(.sm-small) .sm-icon-toggle-container,
.smt-app-whatsapp .sm-button-tab:not(.sm-small) .sm-icon-toggle-container { width: 30px; height: 30px; }
.smt-app-whatsapp .sm-icon-toggle-item { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transform: rotate(0deg) scale(1); opacity: 1; transition: transform .55s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .25s ease; }
.smt-app-whatsapp .sm-icon-toggle-item svg { width: 100%; height: 100%; display: block; }
.smt-app-whatsapp .sm-icon-toggle-item--2 svg { width: 50%; height: 50%; }
.smt-app-whatsapp .sm-icon-toggle-item--hidden { opacity: 0; pointer-events: none; transition: transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .2s ease; }
.smt-app-whatsapp .sm-icon-toggle-item--1.sm-icon-toggle-item--hidden { transform: rotate(90deg) scale(0.3); }
.smt-app-whatsapp .sm-icon-toggle-item--2.sm-icon-toggle-item--hidden { transform: rotate(-90deg) scale(0.3); }

.smt-app-whatsapp.force-mobile { display: none !important; }
.smt-app-whatsapp.force-desktop { display: block !important; }

@media (max-width: 767px) {
  .smt-app-whatsapp.force-desktop { display: none !important; }
  .smt-app-whatsapp.force-mobile { display: block !important; }
}

@media (min-width: 768px) {
  .smt-app-whatsapp.force-desktop { display: block !important; }
  .smt-app-whatsapp.force-mobile { display: none !important; }
}