/* All IBM Carbon (https://carbondesignsystem.com/) class names are automatically available for use inside of
web chat and will inherit theming values you have set on web chat. */

/* ------------ myInputContainer ------------ */
#WACContainer.WACContainer .myInputContainerWrapper {
  border-radius: 0px;
  border-top: 1px solid #dadada;
  padding: 8px 12px !important;

  /* Parent element of WACInputContainer__SendButton*/
  .cds--popover-container {
    margin-inline-end: 3px !important;

    z-index: 10000;

    display: none;
  }
}

#WACContainer.WACContainer #myInputContainer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;

  border-radius: 20px;
  border: 2px solid #e5e7eb;

  z-index: 9999;

  transition: all 0.3s ease;
}

#WACContainer.WACContainer #myInputContainer.hasFocus {
  border: 2px solid #0e8342;
}

#WACContainer.WACContainer .WACInputContainer .WAC__TextArea .WAC__TextArea-sizer,
#WACContainer.WACContainer .WACInputContainer .WAC__TextArea .WAC__TextArea-textarea {
  max-height: 74px !important;
}

/* --------------------------------------------- */
/*                 RECORD BUTTON.                */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */
#WACContainer.WACContainer .WACInputContainer .record-button {
  max-width: 32px;
  max-height: 32px;
  min-width: 32px;
  min-height: 32px;
  border: 0px solid white;
  border-radius: 50% !important;
  padding: 0px 0px 0px 0px !important;
  cursor: pointer !important;
  margin-right: 3px;

  background-color: #ffffff;

  display: flex;
  justify-content: center;
  align-items: center;
}

#WACContainer.WACContainer .WACInputContainer .record-button:not(.is-recording):hover {
  background-color: #f0f0f0 !important;
}

#WACContainer.WACContainer .WACInputContainer .record-button.loading {
  cursor: wait !important;
}

#WACContainer.WACContainer .WACInputContainer .record-button svg {
  width: 27px;
  height: 27px;
}

#WACContainer.WACContainer .WACInputContainer .record-button svg.is-recording {
  width: 14px;
  height: 14px;
  border-radius: 1px;

  border: 2px solid #e51c3b;
}

#WACContainer.WACContainer .WACInputContainer .record-button path {
  fill: #757575;
}

#WACContainer.WACContainer .WACInputContainer .record-button svg.is-recording path {
  fill: #ffffff;
}

#WACContainer.WACContainer .WACInputContainer .record-button:active {
  border: 2px solid #0e8658 !important;

  svg {
    transform: translate(0px, 2px);
  }
}

/* Record-button loading animation */
/* HTML: <div class="loader"></div> */
#WACContainer.WACContainer .loader {
  width: 17px;
  transform: translate(-1px, -1px);
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side, #2b2b2b 90%, #54545400);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: calc(100% / 3) 100%;
  animation: l7 1s infinite linear;
}

@keyframes l7 {
  33% {
    background-size: calc(100% / 3) 0%, calc(100% / 3) 100%, calc(100% / 3) 100%;
  }

  50% {
    background-size: calc(100% / 3) 100%, calc(100% / 3) 0%, calc(100% / 3) 100%;
  }

  66% {
    background-size: calc(100% / 3) 100%, calc(100% / 3) 100%, calc(100% / 3) 0%;
  }
}

/* --------------------------------------------- */
/*                  SEND BUTTON.                 */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */

#WACContainer.WACContainer .WACInputContainer {
  display: flex !important;
  align-items: center !important;

  min-height: 100% !important;
  vertical-align: middle !important;
}

#WACContainer.WACContainer .WACInputContainer__SendButtonContainer {
  margin: auto 0px auto 0px !important;
}

#WACContainer.WACContainer #WACInputContainer__SendButton {
  display: flex !important;
  align-items: center !important;
  justify-items: center !important;

  width: 32px !important;
  height: 32px !important;
  min-height: max-content !important;

  padding: 0px !important;
  border-radius: 50% !important;

  svg {
    fill: #757575 !important;
    width: 27px !important;
    height: 27px !important;
  }
}

#WACContainer.WACContainer #WACInputContainer__SendButton:disabled *,
#WACContainer.WACContainer #WACInputContainer__SendButton.cds--btn--disabled * {
  fill: #c5c5c5 !important;
}

/* --------------------------------------------- */
/*                 LAUNCHER ICON.                */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */

/* :not(
    .WACLauncherComplex__SmallLauncherContainer,
    .WACLauncherExtended__Container,
    .WACLauncherComplex__Container--introAnimation
  ) */

#WACContainer.WACContainer
  .WACContainer--render.cds--g10:not(.WAC-isPhone)
  .WACLauncher__ButtonContainer:not(
    .WACLauncherComplex__SmallLauncherContainer,
    .WACLauncherComplex__Container--introAnimation,
    .WACLauncherComplex__Container--simpleAnimation
  ) {
  right: 145px !important;
}

#WACContainer.WACContainer
  .WACContainer--render.WAC-isPhone
  .WACLauncher__ButtonContainer:not(
    .WACLauncherComplex__SmallLauncherContainer,
    .WACLauncherComplex__Container--introAnimation,
    .WACLauncherComplex__Container--simpleAnimation
  ) {
  right: 130px !important;
}

/* Launcher icon styles for desktop */
#WACContainer.WACContainer .WACContainer--render.cds--g10:not(.WAC-isPhone) {
  #WACLauncher__Button {
    border: 3px solid #cc2936 !important;
    background-color: #cc2936 !important;
    /* -webkit-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
        -moz-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
        box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important; */

    img.WACLauncher__Avatar {
      background-color: #ffffff !important;
      border-radius: 50% !important;
      max-width: 50px !important;
      max-height: 50px !important;
    }

    img.WACLauncher__Avatar {
      border-radius: 50% !important;
      max-width: 50px !important;
      max-height: 50px !important;
      width: 50px !important;
      height: 50px !important;
    }
  }

  #WACLauncher__Button::after {
    content: "chama a guria" !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: bold;
    font-size: 13px !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    position: absolute !important;
    z-index: -1;
    right: 0;

    transform: translateX(118px);
    padding: 11px 15px 11px 20px;

    background-color: #cc2936;
    border-radius: 0px 20px 20px 0px;
    -webkit-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
    color: white;
  }
}

/* Launcher icon styles mobile */
#WACContainer.WACContainer .WACContainer--render.cds--g10.WAC-isPhone {
  .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button {
    border: 3px solid #cc2936 !important;
    background-color: #cc2936 !important;
    /* -webkit-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
        -moz-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
        box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important; */

    img.WACLauncher__Avatar {
      border-radius: 50% !important;
      max-width: 50px !important;
      max-height: 50px !important;
    }

    img.WACLauncher__Avatar {
      background-color: #ffffff !important;
      border-radius: 50% !important;
      max-width: 50px !important;
      max-height: 50px !important;
      width: 50px !important;
      height: 50px !important;
      /* transform: translate(0px, -1px) !important; */
    }
  }

  .WACLauncher__Button.WACLauncherExtended__Button::after {
    content: "chama a guria" !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: bold;
    font-size: 13px !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    position: absolute !important;
    z-index: -1;
    right: 0;

    transform: translateX(118px);
    padding: 11px 15px 11px 20px;

    background-color: #cc2936;
    border-radius: 0px 20px 20px 0px;
    -webkit-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 0px 0px 13px -3px rgba(0, 0, 0, 0.75) !important;
    color: white;
  }
}

/* #WACContainer.WACContainer .WACLauncherComplex__ContentButton {
    background-color: #0E8658 !important;

    .WACLauncherComplex__Text {
        color: #ecf8f3 !important;
    }
} */

/* #WACContainer.WACContainer .WACLauncher__svg {
    display: none !important;
} */

#WACContainer.WACContainer
  .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round:not(.WACLauncherExtended__Container)
  button::before {
  transform: translate(0.5px, 2px) !important;
}

#WACContainer.WACContainer .WACLauncherExtended__WrapperContainer {
  .WACLauncherExtended__Wrapper {
    min-height: 100% !important;
  }

  .WACLauncher__IconHolder {
    /* position: absolute !important; */
    border-radius: 0px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    transform: translate(-9px, 10px) !important;
  }
}

/* --------------------------------------------- */
/*                 INPUT AREA.                   */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */
#WACContainer.WACContainer .WACInputContainer--hasFocus {
  outline: none !important;
  outline-color: #dddddd !important;
}

/* Whole input area */
#WACContainer.WACContainer .WACInputContainer {
  padding-block: 0px !important;
  padding-inline: 0px !important;
  border: 0px solid white !important;
  border-radius: 20px !important;
}

/* Input text area */
#WACContainer.WACContainer .WACInputContainer .WACInputContainer__LeftContainer {
  padding: 10px !important;
  /* For when the recording happens, it doesn't stay above the myInputContainer green border*/
  margin-left: 2px !important;
}

/* Relative to all input area */
#WACContainer.WACContainer .WACInputAndCompletions {
  z-index: 5;
}

#WACContainer.WACContainer cds-aichat-stop-streaming-button {
  display: none !important;
}

/* --------------------------------------------- */
/*                 MESSAGE AREA.                 */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */

#WACContainer.WACContainer #WAC__messages {
  scroll-behavior: smooth !important;
}

/* Sent messages from user*/
#WACContainer.WACContainer .WAC__sent--bubble {
  background-color: #e5f1eb !important;
  border: 1px solid #e5e7eb !important;
}

/* Group of received messages from Watson Assistant */
#WACContainer.WACContainer .WACStreamingRichText .ibm-web-chat--default-styles {
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  padding: 10px 14px !important;
  border-radius: 0px 10px 10px 10px !important;
  margin-top: 7px !important;
}

/* Individual received messages from Watson Assistant */
#WACContainer.WACContainer .WACWidget__MarkdownP:not(:first-child) {
  margin-top: 14px !important;
}

#WACContainer.WACContainer .WAC__received--metablock .WACWidget__MarkdownP {
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  padding: 10px 14px !important;
  border-radius: 0px 10px 10px 10px !important;
  margin-top: 7px !important;
}

/* For when it's returned a list instead of a common message */
#WACContainer.WACContainer .cds--list--unordered {
  margin-top: 0px !important;
  margin-left: 10px !important;
  padding-top: 0px !important;

  .cds--list__item {
    padding-left: 8px !important;
  }

  .cds--list__item::before {
    content: "." !important;
    font-weight: bolder !important;
    inset-inline-start: -5px !important;
    transform: translate(0px, -3px) !important;
  }
}

/* Outside of received message */
#WACContainer.WACContainer .WAC__received {
  margin-top: 0px !important;
  padding-block-start: 0px !important;
}

/* --------------------------------------------- */
/*                  SCROLLBAR.                   */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */
/* Scrollbar style */
#WACContainer.WACContainer {
  *::-webkit-scrollbar {
    height: 7px;
    width: 7px;
  }

  *::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #dfe9eb;
  }

  *::-webkit-scrollbar-track:hover {
    background-color: #dbe5e7;
  }

  *::-webkit-scrollbar-track:active {
    background-color: #dfe9eb;
  }

  *::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #108443;
  }

  *::-webkit-scrollbar-thumb:hover {
    background-color: #129049;
  }

  *::-webkit-scrollbar-thumb:active {
    background-color: #15ac58;
  }
}

/* --------------------------------------------- */
/*                 AUDIO PLAYER.                 */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */
/* Audio player customization */
#WACContainer.WACContainer .WACMediaPlayer__Background {
  border: 1px solid #242424 !important;
  border-radius: 0px 10px 10px 10px !important;
}

#WACContainer.WACContainer .WACMediaPlayer__Background--audio svg {
  display: none !important;
}

#WACContainer.WACContainer .WACMediaPlayer__Player video {
  height: 55px !important;
  border: 1px solid #e5e7eb !important;
  background-color: #f1f3f4 !important;
  border-radius: 0px 10px 10px 10px !important;
}

#WACContainer.WACContainer .WACMediaPlayer__Wrapper {
  padding-top: 55px !important;
  margin-top: 7px !important;

  .WACMediaPlayer__Player {
    height: fit-content !important;
  }

  .WACMediaPlayer__Background {
    display: none !important;
  }
}

#WACContainer.WACContainer .WACMediaPlayer__Root .cds--tile.WACMediaPlayer {
  border: none !important;
  min-block-size: 0px !important;
}

/* For Safari only */
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  #WACContainer.WACContainer .WACMediaPlayer__Player video {
    height: 90px !important;
    border: 0px solid black !important;
    background-color: inherit !important;
  }

  #WACContainer.WACContainer .WACMediaPlayer__Wrapper {
    padding-top: 90px !important;

    .WACMediaPlayer__Background {
      display: flex !important;
    }
  }
}

_::-webkit-full-page-media,
_:future,
:root {
  #WACContainer.WACContainer .WACMediaPlayer__Player video {
    height: 80px !important;
    border: 0px solid black !important;
    background-color: inherit !important;
  }

  #WACContainer.WACContainer .WACMediaPlayer__Wrapper {
    padding-top: 80px !important;

    .WACMediaPlayer__Background {
      display: flex !important;
    }
  }
}

/* --------------------------------------------- */
/*                  ERROR ALERT.                 */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */
/* Style for elements inserted into beforeInputElement */
#WACContainer.WACContainer #beforeInputElement {
  position: relative;

  /* Style for error when recording audio */
  .record-error-alert {
    height: 65px;
    padding: 0px 25px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #fde0db;
    border: 2px solid #de3961;
    border-radius: 8px 8px 8px 8px;

    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px);

    font-size: 14px;

    position: absolute;
    z-index: 20;
    transition: all 0.4s;
  }
}

#WACContainer.WACContainer {
  position: relative;

  /* Style for error when recording audio */
  .warning-alert {
    height: fit-content;
    padding: 10px 20px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    background-color: #fffbef;
    border: 2px solid #deaf39;
    border-radius: 8px 8px 8px 8px;

    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px);

    font-size: 14px;

    position: absolute;
    z-index: 20;
    transition: all 0.4s;
  }
}

/* ------------------------------------------- */
/*               FULLSCREEN MODE.              */
/* It's in this file for easy integration with */
/*                any website.                 */
/* ------------------------------------------- */

#guria-fullscreen-wrapper {
  background-color: rgba(82, 82, 82, 0.8);
  backdrop-filter: blur(6px);

  width: 100dvw;
  height: 100dvh;
  max-width: 100%;
  position: fixed;

  display: none;

  top: 0px;
  left: 0px;

  z-index: 1000;
}

#guria-fullscreen {
  position: fixed;

  bottom: 0px;
  right: 0px;

  height: 0px;
  width: 0px;

  /* max-height: calc(100% - 40px); */

  z-index: 1005;
}

.fullscreen-mode {
  right: calc(50% - 313px) !important;
  width: 100% !important;
}

.window-mode {
  right: 45px !important;
  width: calc(100% - 45px) !important;
}

@media only screen and (max-width: 627px) {
  .fullscreen-mode {
    right: 0px !important;
    width: 100% !important;
  }
}

#WACContainer.WACContainer .HideWebChat {
  display: none !important;
}

#WACContainer.WACContainer .fullscreen-toggle-button {
  position: absolute;
  right: 40px;
  top: 0px;
  width: 40px;
  height: 40px;

  border: 0px solid white;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
}

#WACContainer.WACContainer .fullscreen-toggle-button:hover {
  background-color: #dae2da;
}

#WACContainer.WACContainer .fullscreen-button-icon {
  height: 13px;
  width: 13px;
  max-width: 13px;
  max-height: 13px;
}

/* ------------------------------------------- */
/*            LISTENING ANIMATION.             */
/* It's in this file for easy integration with */
/*                any website.                 */
/* ------------------------------------------- */

#WACContainer.WACContainer {
  .WACInputContainer__LeftContainer {
    position: relative;
  }

  .listening-wrapper {
    height: 100%;
    min-height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;

    width: 0px;

    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(255, 255, 255);
    border-radius: 20px;

    opacity: 0;
    transform: translate(-12px, 0px);

    transition: all 0.3s;
  }

  .listening-audio {
    border-radius: 10px;
    margin: auto 5px;

    width: 4px;
    /* height: 70px; */
    /* Alpha channel, for blurred background */
    background-color: #0e8342da;
    /* Without alpha channel, for flat background */
    /* background-color: #0e8342; */
  }

  .audio-1 {
    animation-name: lenghten-and-shrink-1;
    animation-duration: 2.1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }

  .audio-2 {
    animation-name: lenghten-and-shrink-2;
    animation-duration: 2.1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 110ms;
  }

  .audio-3 {
    animation-name: lenghten-and-shrink-1;
    animation-duration: 2.1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 230ms;
  }

  .audio-4 {
    animation-name: lenghten-and-shrink-2;
    animation-duration: 2.1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 230ms;
  }
}

@keyframes lenghten-and-shrink-1 {
  0% {
    height: 60%;
  }

  25% {
    height: 35%;
  }

  50% {
    height: 55%;
  }

  75% {
    height: 45%;
  }

  100% {
    height: 60%;
  }
}

@keyframes lenghten-and-shrink-2 {
  0% {
    height: 30%;
  }

  25% {
    height: 50%;
  }

  50% {
    height: 35%;
  }

  75% {
    height: 60%;
  }

  100% {
    height: 30%;
  }
}

@keyframes lenghten-and-shrink-3 {
  0% {
    height: 20%;
  }

  25% {
    height: 60%;
  }

  50% {
    height: 35%;
  }

  75% {
    height: 60%;
  }

  100% {
    height: 20%;
  }
}

/* --------------------------------------------- */
/*             RECORD BUTTON TOOLTIP.            */
/* It's in this file for easy integration with   */
/*                 any website.                  */
/* --------------------------------------------- */

#WACContainer.WACContainer #beforeInputElement .tooltip-text {
  visibility: visible;
  width: 200px;
  background-color: #393939;
  color: #fcfcfc;
  text-align: center;
  border-radius: 3px;
  padding: 5px 5px;
  position: absolute;
  z-index: 10;
  bottom: 0px;
  right: 9px;
}

#WACContainer.WACContainer #beforeInputElement .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 18px;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: #393939 transparent transparent transparent;
}

/* ------------------------------------------- */
/*             SENT CONFIRMATION.              */
/* It's in this file for easy integration with */
/*               any website.                  */
/* ------------------------------------------- */

/* #WACContainer.WACContainer .WAC__sent::after {
    content: url('data:image/svg+xml;utf8,<svg id="logoGurIA" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="10px" viewBox="0 0 79.022 21"><defs><clipPath id="clip-path"><rect id="Retângulo_5" data-name="Retângulo 5" width="79.022" height="21" fill="none"/></clipPath></defs><g id="Grupo_6" data-name="Grupo 6" clip-path="url(%23clip-path)"><path id="Caminho_2" data-name="Caminho 2" d="M20.257,11.908a8.548,8.548,0,0,1-2.693,6.621A10.15,10.15,0,0,1,10.425,21a10.3,10.3,0,0,1-9.041-5.14A10.485,10.485,0,0,1,0,10.476,10.487,10.487,0,0,1,1.359,5.113a10.021,10.021,0,0,1,3.779-3.73A10.856,10.856,0,0,1,10.622,0,13.284,13.284,0,0,1,14.55.543a9.771,9.771,0,0,1,3.236,1.73,2.061,2.061,0,0,1,.79,1.679,1.951,1.951,0,0,1-.592,1.432,1.952,1.952,0,0,1-1.432.594,2.348,2.348,0,0,1-1.236-.445,11.778,11.778,0,0,0-2.222-1.112A6.994,6.994,0,0,0,10.671,4,5.964,5.964,0,0,0,6.2,5.8a6.415,6.415,0,0,0-1.755,4.671,6.623,6.623,0,0,0,1.681,4.744A5.559,5.559,0,0,0,9.949,16.98c-.745,1.19-1.937,1.709-1.531,1.7a8.577,8.577,0,0,0,2.956-.764A11.186,11.186,0,0,0,14.2,16.239a3.8,3.8,0,0,0,1.758-2.7c0-.263-.116-.4-.345-.4H12.3A2.079,2.079,0,0,1,10.8,12.6a1.889,1.889,0,0,1-.569-1.432A1.829,1.829,0,0,1,10.8,9.784,2.08,2.08,0,0,1,12.3,9.239h5.436a2.575,2.575,0,0,1,1.926.618,2.9,2.9,0,0,1,.594,2.051" fill="%230e8342"/><path id="Caminho_3" data-name="Caminho 3" d="M123.785,29.975a2.026,2.026,0,0,1,.619-1.531,2.153,2.153,0,0,1,1.556-.593,2.109,2.109,0,0,1,1.556.617,2.048,2.048,0,0,1,.618,1.507v6.967a5.634,5.634,0,0,1-1.037,3.434,6.328,6.328,0,0,1-2.668,2.1,8.775,8.775,0,0,1-3.459.691,8.651,8.651,0,0,1-3.41-.691,6.5,6.5,0,0,1-2.693-2.1,5.533,5.533,0,0,1-1.062-3.434V29.975a2.029,2.029,0,0,1,.618-1.531,2.156,2.156,0,0,1,1.556-.593,2.113,2.113,0,0,1,1.557.617,2.051,2.051,0,0,1,.618,1.507v6.77a2.2,2.2,0,0,0,.79,1.729,3.313,3.313,0,0,0,4.052,0,2.2,2.2,0,0,0,.79-1.729Z" transform="translate(-90.584 -22.168)" fill="%230e8342"/><path id="Caminho_4" data-name="Caminho 4" d="M204.412,43.019a2.369,2.369,0,0,1-1.581-.543,1.733,1.733,0,0,1-.642-1.384V30.024a1.781,1.781,0,0,1,.617-1.359,2.277,2.277,0,0,1,1.606-.569,2.081,2.081,0,0,1,1.458.519,2.025,2.025,0,0,1,.667,1.26,4.745,4.745,0,0,1,1.482-1.433A3.64,3.64,0,0,1,210,27.85a5.073,5.073,0,0,1,1.235.148,2.169,2.169,0,0,1,1.137.765,2.068,2.068,0,0,1,.444,1.31,2.31,2.31,0,0,1-.667,1.7,1.593,1.593,0,0,1-1.557.469A5.722,5.722,0,0,0,209.3,32.1a2.465,2.465,0,0,0-1.877.79,5.416,5.416,0,0,0-.889,3.212v4.941a1.836,1.836,0,0,1-.617,1.408,2.148,2.148,0,0,1-1.508.569" transform="translate(-160.934 -22.167)" fill="%230e8342"/><rect id="Retângulo_4" data-name="Retângulo 4" width="4.494" height="19.799" transform="translate(54.026 1.2)" fill="%23a00207"/><path id="Caminho_5" data-name="Caminho 5" d="M304.8,20.6l-1.41,5.082h-4.642L304.8,5.88h5.875l6.139,19.8h-4.817L310.465,20.6Zm5.023-3.349-1.233-4.2c-.353-1.175-.706-2.644-1-3.819h-.058c-.294,1.175-.588,2.673-.911,3.819l-1.175,4.2Z" transform="translate(-237.788 -4.68)" fill="%23a00207"/></g></svg>') !important;
    min-height: 10px !important;
    width: 20px !important;
    text-align: center;
    right: 7%;
    bottom: -13px;
    position: absolute;
    border: 1px solid red;
} */

/* ------------------------------------------- */
/*           LIKE AND DISLIKE BUTTONS.         */
/* It's in this file for easy integration with */
/*               any website.                  */
/* ------------------------------------------- */

#WACContainer.WACContainer .WAC__button-holder {
  .WAC__button-0 {
    max-height: 20px !important;
    border: 1px solid #e5e7eb;
    border-right: 0px solid white !important;
    border-radius: 6px 0px 0px 6px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    padding: 4px 8px !important;

    background-color: #fafbfc !important;
    transition: all 0.3s !important;
  }

  .WAC__button-1 {
    max-height: 20px !important;
    border: 1px solid #e5e7eb;
    /* border-left: 0px solid white !important; */
    border-radius: 0px 6px 6px 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    padding: 4px 8px !important;

    background-color: #fafbfc !important;
    transition: all 0.3s !important;
  }

  .WAC__button-0:disabled,
  .WAC__button-0:disabled:hover {
    border: 1px solid #e5e7eb !important;
    /* border-right: 0px solid white !important; */
    background-color: #f3f3f3 !important;
    padding: 6px 8px !important;
  }

  .WAC__button-1:disabled,
  .WAC__button-1:disabled:hover {
    border: 1px solid #e5e7eb !important;
    /* border-left: 0px solid white !important; */
    background-color: #f3f3f3 !important;
    padding: 6px 8px !important;
  }

  .WAC__button-0:hover {
    border: 1px solid #28c228 !important;
    border-right: 0px solid white !important;
    background-color: #f1fff1 !important;
  }

  .WAC__button-1:hover {
    border: 1px solid #db4343 !important;
    border-left: 1px solid #e5e7eb !important;
    background-color: #fff5f5 !important;
  }

  .WAC__button-0:active {
    border: 1px solid #28c228 !important;
    border-right: 0px solid white !important;
    background-color: #f5f5f5 !important;
  }

  .WAC__button-1:active {
    border: 1px solid #db4343 !important;
    border-left: 1px solid #e5e7eb !important;
    background-color: #f5f5f5 !important;
  }
}