.view-more-link {
  display: inline-block;
  align-self: flex-start;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.55;
  height: 24px;
}

.view-more-link>span {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: visible;
  font-family: Graphik Web, sans-serif
}

.view-more-link .arrow-circle {
  height: 18px;
  width: 18px
}

.view-more-link.is-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.view-more-link.is-white .arrow-circle {
  --circle-color-default: #DFE2E5;
  --circle-icon-color-default: #fff;
  --circle-icon-color-active: #fff;
  --circle-color-active: #fff
}