.hy-icon-box {
  display: inline-block;
  color: rgb(var(--hy-main));
  border-radius: 4px;
  & + & {
    margin-left: 12px;
  }

  .hy-icon-box-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    user-select: none;
    border-radius: 100%;
    background:
      radial-gradient(
        142% 47% at 50% 119%,
        rgb(var(--hy-theme), 0.5) 0%,
        rgb(var(--hy-theme), 0) 100%
      ),
      rgb(var(--hy-background-3));
    border: 1px solid rgb(var(--hy-auxiliary), 0.5);
    box-shadow: 0px 2px 5px 0px rgba(29, 33, 41, 0.5);
  }
}