table {
    width: 100%;
  }
  
  .bubble-right-agent,  .bubble-left-agent {
    --bubble-background-color: #6AB730;
    --bubble-font-color: #3D4263;
  }

  .bubble-right-clinic {
    --bubble-background-color: #FFB600;
    --bubble-font-color: #3D4263;
  }

  .bubble-left-member {
    --bubble-background-color: #3D4263;
    --bubble-font-color: white;
  }
  
  .bubble-right-content {
    background-color: var(--bubble-background-color);
    color: var(--bubble-font-color);
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: -75%;  
    margin-right: 5%;
    margin-top: 5px;
    max-width: 500px;
    padding: 12px 20px;
    position: relative;
    overflow-wrap: break-word;
  }
  
  .bubble-left-content {
    background-color: var(--bubble-background-color);
    color: var(--bubble-font-color);
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: -75%;  
    margin-left: 5%;
    margin-top: 5px;
    max-width: 500px;
    padding: 12px 20px;
    position: relative;
    overflow-wrap: break-word;
  }

  .bubble-right-agent:last-child .bubble-right-content:before,
  .bubble-right-agent:nth-last-child(2) .bubble-right-content:before,
  .bubble-right-clinic:last-child .bubble-right-content:before,
  .bubble-right-clinic:nth-last-child(2) .bubble-right-content:before {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: -12px;  /* Adjusted */
    height: 26px;
    width: 30px;
    background: var(--bubble-background-color);
    border-bottom-left-radius: 20px;  /* Adjusted */
  }

  .bubble-left-agent:last-child .bubble-left-content:before,
  .bubble-left-agent:nth-last-child(2) .bubble-left-content:before,
  .bubble-left-member:last-child .bubble-left-content:before,
  .bubble-left-member:nth-last-child(2) .bubble-left-content:before {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -12px;  /* Adjusted */
    height: 26px;
    width: 30px;
    background: var(--bubble-background-color);
    border-bottom-right-radius: 20px;  /* Adjusted */
  }

  .bubble-right-agent:last-child .bubble-right-content:after,
  .bubble-right-agent:nth-last-child(2) .bubble-right-content:after,
  .bubble-right-clinic:last-child .bubble-right-content:after,
  .bubble-right-clinic:nth-last-child(2) .bubble-right-content:after {
    background: var(--background-color);
    border-bottom-left-radius: 15px;  /* Adjusted */
    bottom: 0;
    content: '';
    height: 27px;
    right: -15px;  /* Adjusted */
    position: absolute;
    width: 15px;
    z-index: 1;
  }

  .bubble-left-agent:last-child .bubble-left-content:after,
  .bubble-left-agent:nth-last-child(2) .bubble-left-content:after,
  .bubble-left-member:last-child .bubble-left-content:after,
  .bubble-left-member:nth-last-child(2) .bubble-left-content:after {
    background: var(--background-color);
    border-bottom-right-radius: 15px;  /* Adjusted */
    bottom: 0;
    content: '';
    height: 27px;
    left: -15px;  /* Adjusted */
    position: absolute;
    width: 15px;
    z-index: 1;
  }