/* Hand-written corrections layered on top of the exported WordPress CSS.
   Loaded last, after termina-substitute.css. */

/* --- case-tourism: "Talk with our experts" button -------------------------
   The old site served Termina from Adobe Typekit, which carried the Demi (600)
   weight this pill was designed around. This site self-hosts a single Termina
   Bold master and maps it to every weight, so the label renders wider: at the
   desktop size it needs 397px, but the widget has an Elementor custom-CSS
   override (post-2089.css: `.elementor-element-44cf3af a{width:280px
   !important}`) that leaves only 222px inside the padding. The label wrapped
   onto three lines and spilled out of the fixed 70px pill.

   Let this one button size to its own text. Scoped to >=768px on purpose: the
   phone layout already wrapped to two lines inside a taller pill without
   clipping, and widening it there only pushed the text against the pill edge.
   Every other .btn-locarb label is short enough to fit, so the shared fixed
   width is left alone. The override above is !important, so this has to be. */
@media screen and (min-width: 768px) {
  .elementor-2089 .elementor-element.elementor-element-44cf3af a.pp-button.btn-locarb {
    width: fit-content !important;
    min-width: 271px;
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
  .elementor-2089 .elementor-element.elementor-element-44cf3af a.pp-button.btn-locarb .pp-button-title {
    white-space: nowrap;
  }
}