.br05 {
  height: 0.5rem;
}
.br1 {
  height: 1rem;
}
.br2 {
  height: 2rem;
}
.br3 {
  height: 3rem;
}
.br4 {
  height: 4rem;
}
.icon-box {
  box-sizing: border-box;
  border: 4px solid var(--color-fg-30);
  border-radius: 1rem;

  display: inline-flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 13.5rem;
  padding: 0.5rem;
}
@media (width <= 700px) {
  .icon-box {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.5em;
    width: 100%;
  }
  .icon-box img {
    grid-row: 1 / span 2;
  }
  .icon-box * {
    text-align: left;
  }
}