<template>
  <div aria-role="button" on:click>
    <svg fill="none" height="44" viewBox="0 0 250 44" width="250" xmlns="http://www.w3.org/2000/svg"
      ><path
        d="m0 8c0-2.80026 0-4.20039.544967-5.26995.479363-.94081 1.244273-1.70572 2.185083-2.185083 1.06956-.544967 2.46969-.544967 5.26995-.544967h234c2.8 0 4.2 0 5.27.544967.941.479363 1.706 1.244273 2.185 2.185083.545 1.06956.545 2.46969.545 5.26995v28c0 2.8003 0 4.2004-.545 5.27-.479.9408-1.244 1.7057-2.185 2.185-1.07.545-2.47.545-5.27.545h-234c-2.80026 0-4.20039 0-5.26995-.545-.94081-.4793-1.70572-1.2442-2.185083-2.185-.544967-1.0696-.544967-2.4697-.544967-5.27z"
        fill="#ff5b24"></path><g fill="#fff"
        ><path
          clip-rule="evenodd"
          d="m100.25 20.0884c-.7202-2.7477-2.4686-3.8384-4.8553-3.8384-1.9336 0-4.3605 1.0907-4.3605 3.7172 0 1.6968 1.1723 3.0304 3.0852 3.374l1.8103.323c1.2344.2221 1.5842.6869 1.5842 1.3132 0 .7071-.7612 1.111-1.8926 1.111-1.4809 0-2.4067-.5252-2.5508-2.0001l-2.6124.4042c.4112 2.8483 2.9619 4.0204 5.2658 4.0204 2.1808 0 4.5051-1.2528 4.5051-3.778 0-1.7174-1.0492-2.9696-3.0034-3.3337l-1.9951-.3633c-1.1111-.202-1.4812-.7475-1.4812-1.2727 0-.6668.7198-1.0907 1.7073-1.0907 1.255 0 2.1395.4239 2.1806 1.8179zm-58.075 4.3229 2.7149-7.8584h3.1884l-4.7314 11.6565h-2.3654l-4.7315-11.6563h3.1884zm16.6834-4.5249c0 .9292-.7406 1.5756-1.6047 1.5756-.864 0-1.6043-.6464-1.6043-1.5756 0-.9294.7403-1.5756 1.6043-1.5756.8641 0 1.6049.6462 1.6049 1.5756zm.4936 4.1213c-1.0699 1.3734-2.2013 2.3229-4.1967 2.323-2.036 0-3.6204-1.2121-4.8546-2.9897-.4939-.7275-1.255-.889-1.8105-.5051-.5142.3637-.6374 1.1314-.1645 1.7982 1.7073 2.5656 4.0729 4.0602 6.8294 4.0602 2.5305 0 4.5055-1.2119 6.0481-3.2322.5759-.7473.5553-1.515 0-1.9393-.5144-.4044-1.2755-.2624-1.8512.4849zm7.098-1.6568c0 2.384 1.3989 3.6367 2.9625 3.6367 1.4809 0 3.0034-1.1719 3.0034-3.6367 0-2.4244-1.5225-3.5959-2.9831-3.5959-1.5839 0-2.9828 1.1111-2.9828 3.5959zm0-4.1815v-1.5964h-2.9004v15.677h2.9004v-5.576c.9669 1.2932 2.2217 1.8389 3.6409 1.8389 2.6541 0 5.2459-2.0608 5.2459-6.3031 0-4.061-2.6948-5.9596-4.9989-5.9596-1.8309 0-3.0855.8281-3.8879 1.9192zm13.9275 4.1815c0 2.384 1.3987 3.6367 2.9623 3.6367 1.4809 0 3.0032-1.1719 3.0032-3.6367 0-2.4244-1.5223-3.5959-2.9828-3.5959-1.584 0-2.9829 1.1111-2.9829 3.5959zm0-4.1815v-1.5964h-.0002-2.9004v15.677h2.9004v-5.576c.967 1.2932 2.2217 1.8389 3.641 1.8389 2.6539 0 5.2459-2.0608 5.2459-6.3031 0-4.061-2.6948-5.9596-4.999-5.9596-1.8309 0-3.0854.8281-3.8877 1.9192z"
          fill-rule="evenodd"></path><path
          d="m118.384 28.25v-13.0349h-2.321v5.4199h-6.342v-5.4199h-2.33v13.0349h2.33v-5.6548h6.342v5.6548zm11.39-9.8733h-2.24v5.7542c0 1.4904-.795 2.3938-2.25 2.3938-1.337 0-1.96-.7408-1.96-2.2764v-5.8716h-2.24v6.4136c0 2.3125 1.265 3.6584 3.424 3.6584 1.508 0 2.475-.6413 2.953-1.7705h.154v1.5718h2.159zm2.546 9.8733h2.24v-5.7361c0-1.3911 1.012-2.2944 2.466-2.2944.38 0 .976.0632 1.147.1264v-2.0415c-.207-.0542-.605-.0903-.93-.0903-1.274 0-2.34.7227-2.611 1.6983h-.153v-1.5357h-2.159zm8.662-12.2942v2.4841h-1.563v1.7434h1.563v5.4471c0 1.906.903 2.6648 3.17 2.6648.434 0 .849-.0362 1.175-.0994v-1.7163c-.271.0271-.443.0452-.759.0452-.94 0-1.355-.4427-1.355-1.4273v-4.9141h2.114v-1.7434h-2.114v-2.4841zm7.523.7678c.741 0 1.346-.5871 1.346-1.3278 0-.7317-.605-1.3279-1.346-1.3279-.732 0-1.337.5962-1.337 1.3279 0 .7407.605 1.3278 1.337 1.3278zm-1.111 11.5264h2.231v-9.8733h-2.231zm9.059 3.7578c2.881 0 4.706-1.4363 4.706-3.7036v-9.9275h-2.159v1.5808h-.153c-.542-1.0749-1.717-1.7434-3.063-1.7434-2.52 0-4.083 1.9692-4.083 4.9954 0 2.9629 1.554 4.896 4.047 4.896 1.373 0 2.448-.5782 3.017-1.6441h.154v1.8789c0 1.2556-.894 1.9964-2.43 1.9964-1.229 0-2.023-.4427-2.168-1.1382h-2.249c.18 1.6982 1.843 2.8093 4.381 2.8093zm0-5.6819c-1.563 0-2.448-1.2104-2.448-3.1255 0-1.906.885-3.1164 2.448-3.1164 1.554 0 2.502 1.2104 2.502 3.1255 0 1.906-.939 3.1164-2.502 3.1164zm9.745-3.9023h-.153v-7.8679h-2.24v13.6943h2.24v-3.4688l.795-.7949 3.17 4.2637h2.71l-4.209-5.6367 3.938-4.2366h-2.601zm10.442 5.989c1.291 0 2.375-.5601 2.926-1.5176h.154v1.355h2.159v-6.7478c0-2.0867-1.427-3.3152-3.966-3.3152-2.348 0-3.983 1.1021-4.164 2.8274h2.114c.207-.6775.912-1.0478 1.942-1.0478 1.21 0 1.861.551 1.861 1.5356v.8491l-2.548.1536c-2.403.1355-3.748 1.1743-3.748 2.9448 0 1.8066 1.364 2.9629 3.27 2.9629zm.659-1.7253c-.994 0-1.707-.4969-1.707-1.346 0-.822.587-1.2827 1.842-1.364l2.232-.1536v.804c0 1.1743-1.012 2.0596-2.367 2.0596zm6.855-5.4922c0 1.4814.894 2.3486 2.791 2.7822l1.753.4065c.939.2168 1.364.5781 1.364 1.1382 0 .7497-.786 1.2646-1.915 1.2646-1.121 0-1.816-.4516-2.033-1.1833h-2.213c.172 1.7795 1.725 2.8454 4.191 2.8454s4.21-1.2556 4.21-3.1435c0-1.4544-.876-2.2583-2.764-2.6919l-1.744-.3884c-.993-.2349-1.463-.5872-1.463-1.1473 0-.7317.768-1.2285 1.788-1.2285 1.048 0 1.708.4517 1.87 1.1472h2.105c-.163-1.7795-1.635-2.8093-3.984-2.8093-2.33 0-3.956 1.2376-3.956 3.0081zm9.809 0c0 1.4814.894 2.3486 2.791 2.7822l1.752.4065c.94.2168 1.364.5781 1.364 1.1382 0 .7497-.785 1.2646-1.915 1.2646-1.12 0-1.815-.4516-2.032-1.1833h-2.213c.171 1.7795 1.725 2.8454 4.191 2.8454s4.21-1.2556 4.21-3.1435c0-1.4544-.877-2.2583-2.765-2.6919l-1.743-.3884c-.994-.2349-1.463-.5872-1.463-1.1473 0-.7317.768-1.2285 1.788-1.2285 1.048 0 1.708.4517 1.87 1.1472h2.105c-.163-1.7795-1.635-2.8093-3.984-2.8093-2.33 0-3.956 1.2376-3.956 3.0081zm16.656 4.354c-.326.7407-1.093 1.1562-2.204 1.1562-1.473 0-2.421-1.0478-2.476-2.719v-.1174h6.902v-.7136c0-3.0984-1.689-4.9683-4.508-4.9683-2.863 0-4.643 1.9963-4.643 5.167 0 3.1616 1.753 5.0947 4.661 5.0947 2.331 0 3.984-1.1201 4.39-2.8996zm-2.295-5.6187c1.346 0 2.231.9485 2.277 2.448h-4.653c.1-1.4814 1.039-2.448 2.376-2.448z"
        ></path></g
      ></svg
    >
  </div>
</template>

<style lang="scss" scoped>
  div {
    display: inline-block;
    width: max-content;
    height: 44px;
    border-radius: 7px;
    cursor: pointer;
    border: 2px solid #ff5b24;
    background-color: #ff5b24;

    path {
      transition: all 0.3s ease;
      fill: #ff5b24;
    }

    g path {
      fill: white;
    }

    &:hover {
      path {
        fill: white;
      }

      g,
      g path {
        fill: #ff5b24;
      }
    }
  }
</style>
