.content_above {
    pointer-events: none;
  }

  [data-scribble] {
    position: relative;
    display: inline-block;
    padding-bottom: 0.25em;
  }

  [data-scribble]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.02em;
    height: 0.32em;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 100%;
    pointer-events: none;
    clip-path: inset(0 100% 0 0);
  }

  [data-scribble].scribble-visible::after {
    animation: scribble-reveal 1s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards;
  }

  [data-scribble='1']::after {
    background-image: url('/oaks/images/69f24399e38c6cb2a48593ee_scribble-1.svg');
  }

  [data-scribble='2']::after {
    background-image: url('/oaks/images/69f2582761028a19bce7354f_scribble-2.svg');
  }

  [data-scribble='3']::after {
    background-image: url('/oaks/images/69f2824a8a8185078f641873_scribble-3.svg');
  }

  [data-scribble='4']::after {
    background-image: url('/oaks/images/69f331d0cad5839eb675d5c8_81027244c92a22f1edf005213c61daf9_scribble-4.svg');
  }

  [data-scribble='5']::after {
    background-image: url('/oaks/images/69f4f637911d43d3e36436b5_svg-line-5.svg');
  }

  [data-scribble='hero']::after {
    background-image: url('/oaks/images/69f22e29852ebaeee90e1715_hero-svg.svg');
  }

  @keyframes scribble-reveal {
    to {
      clip-path: inset(0 0 0 0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-scribble]::after {
      animation: none;
      clip-path: inset(0 0 0 0);
    }
  }

  @media (min-width: 992px) {
    .button {
      --icon: 40px;
      --shift-gap: 0.25em;
      --dur: 650ms;
      --ease: cubic-bezier(0.83, 0, 0.17, 1);

      position: relative;
      display: inline-flex;
      align-items: stretch;
      gap: 0.25em;
      width: fit-content;
      flex: 0 0 auto;
      height: 40px !important;
      min-height: 40px;
      text-decoration: none;
      overflow: visible;
    }

    .button.header_cta {
      height: 40px !important;
      min-height: 40px;
    }

    .button .abs_text {
      display: none !important;
    }

    .button .text_box {
      position: relative;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: var(--icon);
      min-height: 0;
      padding: 0 32px;
      white-space: nowrap;
      transform: translateX(calc(-1 * (var(--icon) + var(--shift-gap))));
      transition: transform var(--dur) var(--ease);
    }

    .button .icon_box {
      width: var(--icon);
      height: var(--icon);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: transform var(--dur) var(--ease);
      will-change: transform;
    }

    .button .icon_box.is-left {
      transform-origin: left center;
      transform: rotate(-45deg) scale(0);
      pointer-events: none;
    }

    .button .icon_box.is-right {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: var(--icon);
      height: auto;
      z-index: 3;
      transform-origin: center;
      transform: rotate(0deg) scale(1);
    }

    .button .btn_scribble::after {
      content: none;
    }

    .button .text_box::after {
      content: none !important;
      animation: none !important;
      background: none !important;
    }

    .button:hover .text_box {
      transform: translateX(0);
    }

    .button:hover .icon_box.is-right {
      transform: rotate(-45deg) scale(0);
    }

    .button:hover .icon_box.is-left {
      transform: rotate(0deg) scale(1);
    }

    .button:hover .text_box::after {
      animation: scribble-reveal 1s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards;
    }

    .button:not(:hover) .text_box::after {
      animation: none;
      clip-path: inset(0 100% 0 0);
    }
  }

  @media (max-width: 991px) {
    .button .icon_box.is-left {
      display: none !important;
    }
  }

  ::-webkit-scrollbar-button {
    transition: 0ms !important;
    width: 6px;
    height: 0px;
  }

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 8px;
    background: var(--_colors---dark--base);
    opacity: 1;
  }

  ::-webkit-resizer {
    width: 0px;
    height: 0px;
  }

  ::-webkit-scrollbar {
    width: 4px;
  }

  ::-webkit-scrollbar:horizontal {
    height: 0;
  }

  ::-webkit-scrollbar:horizontal:corner-present {
    display: none;
  }