<a class="export-data-button" href="#" aria-label="Export results data as CSV">
    <span><svg class="export-csv-icon" width="35" height="39" viewBox="0 0 35 39" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path class="export-csv-icon__background-fill1" d="M30.2272 7.3595V37.2727H4.31812V1H23.7499" stroke="#2e666b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
            <path class="export-csv-icon__background-fill2" d="M30.2273 7.3595L23.75 1V7.3595H30.2273Z" stroke="#2e666b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />

            <mask id="path-3-inside-1" fill="white">
                <rect y="15.6818" width="34.5455" height="14.6818" rx="1" />
            </mask>

            <rect y="15.6818" width="34.5455" height="14.6818" rx="1" fill="white" stroke="#2e666b" stroke-width="3" mask="url(#path-3-inside-1)" />
            <path d="M13.639 24.395C13.5781 25.2365 13.2666 25.8989 12.7044 26.3823C12.1458 26.8657 11.4082 27.1074 10.4915 27.1074C9.48894 27.1074 8.69939 26.7708 8.12289 26.0977C7.54998 25.4209 7.26352 24.4935 7.26352 23.3154V22.8374C7.26352 22.0854 7.39601 21.423 7.66098 20.8501C7.92595 20.2772 8.30372 19.8385 8.79428 19.5342C9.28842 19.2262 9.86134 19.0723 10.513 19.0723C11.4154 19.0723 12.1423 19.314 12.6937 19.7974C13.2451 20.2808 13.5638 20.9593 13.6497 21.833H12.0384C11.999 21.3281 11.8576 20.9629 11.6141 20.7373C11.3742 20.5081 11.0072 20.3936 10.513 20.3936C9.97592 20.3936 9.57309 20.5869 9.30453 20.9736C9.03956 21.3568 8.90349 21.953 8.89633 22.7622V23.353C8.89633 24.1981 9.02345 24.8158 9.27768 25.2061C9.53549 25.5964 9.94011 25.7915 10.4915 25.7915C10.9893 25.7915 11.3599 25.6787 11.6034 25.4531C11.8504 25.224 11.9919 24.8713 12.0277 24.395H13.639ZM18.6423 24.9482C18.6423 24.6439 18.5349 24.4111 18.32 24.25C18.1052 24.0853 17.7185 23.9134 17.1599 23.7344C16.6013 23.5518 16.1591 23.3727 15.8332 23.1973C14.9452 22.7174 14.5012 22.0711 14.5012 21.2583C14.5012 20.8358 14.6193 20.4598 14.8557 20.1304C15.0956 19.7974 15.4375 19.5378 15.8815 19.3516C16.3291 19.1654 16.8304 19.0723 17.3855 19.0723C17.944 19.0723 18.4418 19.1743 18.8786 19.3784C19.3155 19.5789 19.6538 19.8636 19.8938 20.2324C20.1372 20.6012 20.259 21.0202 20.259 21.4893H18.6477C18.6477 21.1312 18.5349 20.8537 18.3093 20.6567C18.0837 20.4562 17.7668 20.356 17.3586 20.356C16.9647 20.356 16.6586 20.4401 16.4401 20.6084C16.2217 20.7731 16.1125 20.9915 16.1125 21.2637C16.1125 21.5179 16.2396 21.731 16.4939 21.9028C16.7517 22.0747 17.1294 22.2358 17.6272 22.3862C18.5438 22.6619 19.2116 23.0039 19.6306 23.4121C20.0495 23.8203 20.259 24.3288 20.259 24.9375C20.259 25.6143 20.003 26.146 19.4909 26.5327C18.9789 26.9159 18.2896 27.1074 17.423 27.1074C16.8215 27.1074 16.2736 26.9982 15.7795 26.7798C15.2854 26.5578 14.9076 26.2552 14.6462 25.8721C14.3884 25.4889 14.2595 25.0449 14.2595 24.54H15.8762C15.8762 25.403 16.3918 25.8345 17.423 25.8345C17.8062 25.8345 18.1052 25.7575 18.32 25.6035C18.5349 25.446 18.6423 25.2275 18.6423 24.9482ZM24.1343 25.061L25.9068 19.1797H27.7007L24.9776 27H23.2964L20.584 19.1797H22.3726L24.1343 25.061Z" fill="#2e666b" />
        </svg>
    </span>
</a>
<a class="export-data-button" href="#" aria-label="Export results data as CSV">
  <span>{% include '@export-csv-icon' %}</span>
</a>
/* No context defined. */
  • Content:
    .export-data-button {
      &:hover, &:focus {
        [class*=background-fill1] {
          fill: $teal-dark;
        }
    
        [class*=background-fill2] {
          fill: $white;
        }
      }
    }
    
  • URL: /components/raw/export-data-button/export-data-button.scss
  • Filesystem Path: src/components/02-elements/export-data-button/export-data-button.scss
  • Size: 170 Bytes

No notes defined.