/* Start reset styles set globally (IGNORE) */

  
  button {
    border: 0;
    padding: 0;
  }
  /* End reset styles set globally (IGNORE) */
  
  
  /* Start ZenDesk button */
  .root {
    bottom: 20px;
    height: 50px;
    margin: 45px 20px;
    position: fixed;
    right: 0;
    z-index: 2999;
  }

  .root a {
    text-decoration: none; /* Remove underline for the link */
  }

  .root a:hover {
    cursor: pointer; /* Change cursor to hand on hover */
  }

  .root button {
      --borderRadius: 100%;
      --flexDirection: column;
      --justifyContent: center;
      --size: 48px;
  
      align-items: center;
      background-color: #972326;
      border-radius: var(--borderRadius);
      color: #fff;
      display: flex;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu,
        Cantarell, Helvetica Neue, Arial, sans-serif;
      flex-direction: var(--flexDirection);
      font-size: 15px;
      font-weight: 700;
      height: var(--size);
      justify-content: var(--justifyContent);
      letter-spacing: 0.6;
      width: var(--size)
    }
  @media (min-width: 768px) {
    .root{
        margin: 10px 80px;
    }
  .root button {
        --borderRadius: 999rem;
        --flexDirection: row;
        --justifyContent: initial;
        --size: auto;
  
        grid-column-gap: 8px;
  
        -moz-column-gap: 8px;
  
             column-gap: 8px;
        padding: 13px 22px
    }
      }
  .root button svg {
  
        width: 20px;
        height: 20px;
        fill: white;
      }
  .root button > span {
        display: none
      }
  @media (min-width: 768px) {
  .root button > span {
          display: block
      }
        }