.TootActionGroup {
  padding-block: calc((var(--card-gut) - 10px) / 2);
  contain: layout style;

  animation: 225ms var(--tutu-anim-curve-std) TootActionGroup_fade-in;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;

  >button {
    color: var(--tutu-color-on-surface);
    padding: 10px 8px;

    >svg {
      font-size: 20px;
    }
  }

  >* {
    display: flex;
    align-items: center;
  }

  >.with-count {
    gap: 8px;
  }

  >.plain {
    justify-content: center;
  }
}

@keyframes TootActionGroup_fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}