<div class="{{ block.settings.visibility }}"
  {{ block.shopify_attributes }}
  style="--margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem;--margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;"
>
  <div
    class="section-template--22140789522761__ss_product_toggles_UAXTYp product-toggles-template--22140789522761__ss_product_toggles_UAXTYp"
    style="background-color:rgba(0,0,0,0); background-image: ;"
  >
    <div class="section-template--22140789522761__ss_product_toggles_UAXTYp-settings">
      <div class="product-toggles-heading-template--22140789522761__ss_product_toggles_UAXTYp">
        <h2>{{ block.settings.jumptotitle }}</h2>
      </div>

      <div class="product-toggles-wrap-template--22140789522761__ss_product_toggles_UAXTYp">
        {% if block.settings.jumpto1 != blank %}
          <a
            href="{{block.settings.jumpto1link}}"
            class="product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp"
          >
            <div class="product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp">
              <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47464 9.9703L7.24725 12.1977C7.11057 12.3344 6.88896 12.3344 6.75227 12.1977L4.52489 9.9703C4.3882 9.83361 4.3882 9.61201 4.52489 9.47532C4.66157 9.33864 4.88318 9.33864 5.01986 9.47532L6.64976 11.1052L6.64976 3.5502C6.64976 3.3569 6.80646 3.2002 6.99976 3.2002C7.19306 3.2002 7.34976 3.3569 7.34976 3.5502L7.34976 11.1052L8.97966 9.47532C9.11634 9.33864 9.33795 9.33864 9.47464 9.47532C9.61132 9.61201 9.61132 9.83361 9.47464 9.9703Z" fill="currentColor"></path>
              </svg>
            </div>

            <p class="product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp">
              {{ block.settings.jumpto1 }}
            </p>
          </a>
        {% endif %}

        {% if block.settings.jumpto2 != blank %}
          <a
            href="{{block.settings.jumpto2link}}"
            class="product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp"
          >
            <div class="product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp">
              <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47464 9.9703L7.24725 12.1977C7.11057 12.3344 6.88896 12.3344 6.75227 12.1977L4.52489 9.9703C4.3882 9.83361 4.3882 9.61201 4.52489 9.47532C4.66157 9.33864 4.88318 9.33864 5.01986 9.47532L6.64976 11.1052L6.64976 3.5502C6.64976 3.3569 6.80646 3.2002 6.99976 3.2002C7.19306 3.2002 7.34976 3.3569 7.34976 3.5502L7.34976 11.1052L8.97966 9.47532C9.11634 9.33864 9.33795 9.33864 9.47464 9.47532C9.61132 9.61201 9.61132 9.83361 9.47464 9.9703Z" fill="currentColor"></path>
              </svg>
            </div>

            <p class="product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp">
              {{ block.settings.jumpto2 }}
            </p>
          </a>
        {% endif %}

        {% if block.settings.jumpto3 != blank %}
          <a
            href="{{block.settings.jumpto3link}}"
            class="product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp"
          >
            <div class="product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp">
              <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47464 9.9703L7.24725 12.1977C7.11057 12.3344 6.88896 12.3344 6.75227 12.1977L4.52489 9.9703C4.3882 9.83361 4.3882 9.61201 4.52489 9.47532C4.66157 9.33864 4.88318 9.33864 5.01986 9.47532L6.64976 11.1052L6.64976 3.5502C6.64976 3.3569 6.80646 3.2002 6.99976 3.2002C7.19306 3.2002 7.34976 3.3569 7.34976 3.5502L7.34976 11.1052L8.97966 9.47532C9.11634 9.33864 9.33795 9.33864 9.47464 9.47532C9.61132 9.61201 9.61132 9.83361 9.47464 9.9703Z" fill="currentColor"></path>
              </svg>
            </div>

            <p class="product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp">
              {{ block.settings.jumpto3 }}
            </p>
          </a>
        {% endif %}

        {% if block.settings.jumpto4 != blank %}
          <a
            href="{{block.settings.jumpto4link}}"
            class="product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp"
          >
            <div class="product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp">
              <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47464 9.9703L7.24725 12.1977C7.11057 12.3344 6.88896 12.3344 6.75227 12.1977L4.52489 9.9703C4.3882 9.83361 4.3882 9.61201 4.52489 9.47532C4.66157 9.33864 4.88318 9.33864 5.01986 9.47532L6.64976 11.1052L6.64976 3.5502C6.64976 3.3569 6.80646 3.2002 6.99976 3.2002C7.19306 3.2002 7.34976 3.3569 7.34976 3.5502L7.34976 11.1052L8.97966 9.47532C9.11634 9.33864 9.33795 9.33864 9.47464 9.47532C9.61132 9.61201 9.61132 9.83361 9.47464 9.9703Z" fill="currentColor"></path>
              </svg>
            </div>

            <p class="product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp">
              {{ block.settings.jumpto4 }}
            </p>
          </a>
        {% endif %}
      </div>
    </div>
  </div>
</div>

<style data-shopify="">
  .section-template--22140789522761__ss_product_toggles_UAXTYp {
    border-top: solid #000000 0px;
    border-bottom: solid #000000 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
  }

  .section-template--22140789522761__ss_product_toggles_UAXTYp-settings {
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .product-toggles-heading-template--22140789522761__ss_product_toggles_UAXTYp {
    text-align: left;
  }

  .product-toggles-heading-template--22140789522761__ss_product_toggles_UAXTYp * {
    margin: 0;
    font-size: 15px;
    color: #121212;
    line-height: 130%;
    text-transform: unset;
    text-decoration: none;
  }

  .product-toggles-wrap-template--22140789522761__ss_product_toggles_UAXTYp {
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
  }

  .product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid #121212;
    border-radius: {{block.settings.jumptoborderradius}}px;
    cursor: pointer;
  }

  .product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp:hover {
    border: 1px solid #ababab;
  }

  .product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp {
    margin: 0;
    font-size: 14px;
    color: #121212;
    line-height: 100%;
    text-transform: unset;
    flex-shrink: 0;
  }

  .product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp {
    flex: 0 0 16px;
    width: 16px;
  }

  .product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp img,
  .product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp svg path {
    transition: all 0.25s ease 0s;
    fill: #121212;
  }

  .product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp:hover .product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp {
    transition: all 0.25s ease 0s;
    color: #ababab;
  }

  .product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp:hover .product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp svg path {
    transition: all 0.25s ease 0s;
    fill: #ababab;
  }

  @media(min-width: 1024px) {
    .section-template--22140789522761__ss_product_toggles_UAXTYp {
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .section-template--22140789522761__ss_product_toggles_UAXTYp-settings {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0rem;
      padding-right: 0rem;
    }

    .product-toggles-heading-template--22140789522761__ss_product_toggles_UAXTYp {
      text-align: left;
    }

    .product-toggles-heading-template--22140789522761__ss_product_toggles_UAXTYp * {
      font-size: 15px;
    }

    .product-toggles-wrap-template--22140789522761__ss_product_toggles_UAXTYp {
      gap: 8px;
      margin-top: 8px;
    }

    .product-toggles-item-template--22140789522761__ss_product_toggles_UAXTYp {
      gap: 6px;
      padding: 6px 12px;
    }

    .product-toggles-icon-template--22140789522761__ss_product_toggles_UAXTYp {
      flex: 0 0 16px;
      width: 16px;
    }

    .product-toggles-text-template--22140789522761__ss_product_toggles_UAXTYp {
      font-size: 14px;
    }
  }
</style>
