.pricing-disclaimer__button {
  margin-left: -3px;
}
@media (min-width: 768px) {
  .pricing-disclaimer__button svg {
    fill: var(--background-color-desktop);
  }
}
@media (max-width: 767px) {
  .pricing-disclaimer__button svg {
    fill: var(--background-color-mobile);
  }
}
.pricing-disclaimer {
  /* The message container holds the message that is displayed inside the tooltip (on hover, or focus),
   * and we do need it available in the page for both the tooltip and assistive technologies,
   * However there are some scenarios where it was overflowing the content, this code will prevent that 
   * to visually hide this content but still make it accessible to both the tooltip and the assistive technologies */
}
.pricing-disclaimer__message-container {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 0;
  height: 0;
  top: -1000vh;
  left: -1000vw;
  overflow: hidden;
  pointer-events: none;
}
.pricing-disclaimer .tippy-box[data-theme=custom] .tippy-content,
.pricing-disclaimer .tippy-box[data-theme=custom] .tippy-content p {
  font-size: 13px;
}
@media (min-width: 768px) {
  .pricing-disclaimer .tippy-box[data-theme=custom] {
    background: var(--background-color-desktop);
    color: var(--font-color-desktop);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=top] > .tippy-arrow::before {
    border-top-color: var(--background-color-desktop);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: var(--background-color-desktop);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=left] > .tippy-arrow::before {
    border-left-color: var(--background-color-desktop);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=right] > .tippy-arrow::before {
    border-right-color: var(--background-color-desktop);
  }
}
@media (max-width: 767px) {
  .pricing-disclaimer .tippy-box[data-theme=custom] {
    background: var(--background-color-mobile);
    color: var(--font-color-mobile);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=top] > .tippy-arrow::before {
    border-top-color: var(--background-color-mobile);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: var(--background-color-mobile);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=left] > .tippy-arrow::before {
    border-left-color: var(--background-color-mobile);
  }
  .pricing-disclaimer .tippy-box[data-theme=custom][data-placement^=right] > .tippy-arrow::before {
    border-right-color: var(--background-color-mobile);
  }
}