.more-link {
    font-size: var(--gutt-fs-accent-18);
    line-height: var(--gutt-lh-accent-18);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    font-weight: 700;
    padding: 8px 24px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    white-space: normal;
    -webkit-box-shadow: 0 0 0 2px var(--button-bg-color) inset;
            box-shadow: 0 0 0 2px var(--button-bg-color) inset;
    border-radius: 100px;
    letter-spacing: 0.1111111111em;
  }
  
  .more-link:hover .more-link__arrow, .more-link:focus .more-link__arrow {
    -webkit-transform: translateX(25%);
        -ms-transform: translateX(25%);
            transform: translateX(25%);
  }
  
  .more-link__arrow {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11%2014L16%209M16%209L11%204M16%209L2%209%22%20stroke%3D%22%231E1C6F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E%20");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11%2014L16%209M16%209L11%204M16%209L2%209%22%20stroke%3D%22%231E1C6F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E%20");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    height: 1em;
    width: 1em;
  }
  
  .more-link__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    grid-gap: 0.6rem;
    gap: 0.6rem;
  }
  
  .more-link--back .more-link__arrow {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2014L2%209M2%209L7%204M2%209L16%209%22%20stroke%3D%22%231E1C6F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E%20");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2014L2%209M2%209L7%204M2%209L16%209%22%20stroke%3D%22%231E1C6F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  
  .more-link--back:hover .more-link__arrow, .more-link--back:focus .more-link__arrow {
    -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
            transform: translateX(-25%);
  }