.sleek-arrow {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: var(--lime);
  font-size: 0;
}

.sleek-arrow::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 1px;
  width: 16px;
  height: 1.5px;
  background: currentColor;
  border-radius: 999px;
  transform: rotate(-45deg);
  transform-origin: center;
}

.sleek-arrow::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
}

.arrow-down { transform: rotate(90deg); }

.round-link .sleek-arrow {
  align-self: flex-end;
  width: 18px;
  height: 18px;
}

.round-link:hover .sleek-arrow,
button:hover .sleek-arrow { color: var(--ink); }

.capability .cap-mark {
  width: 25px;
  height: 25px;
  color: var(--lime);
  justify-self: end;
}

.capability .cap-mark::before { top: 12px; width: 21px; }
.capability .cap-mark::after { width: 9px; height: 9px; }

button .sleek-arrow {
  width: 17px;
  height: 17px;
  color: var(--lime);
}