/*@mixin reactions-picker {*/
.comment-reaction-container {
  position: relative;
}

    .emoji-picker {
      bottom: calc(100% + 0.25rem);
      background-color: var(--lightest-gray);
      position: absolute;
      display: flex;
      padding: 0.25rem;
      border-radius: var(--border-radius);
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
      opacity: 1;
      transition: opacity 0.5s linear;
      width: fit-content;
      gap: 0.5rem;

      &.invisible {
        opacity: 0;
      }

      &.right {
        left: 0;
      }

      &.left {
        right: 0;
      }
    }

    .emoji-button svg {
      pointer-events: none;
    }

    .emoji-radio-button { /* Hidden Input */
      height: 0;
      opacity: 0;
      position: absolute;
      width: 0;

      & + svg {
        width: 1.5rem; /* Same as icon-l */
      }
    }
  .emoji-radio-button-label {
    border-radius: var(--border-radius);
    cursor: pointer;
    height: 2.5rem;
    padding: 0.5rem;
    transition: 0.4s ease-in-out;

    &:hover {
      background-color: rgba(var(--ink-gray, 0.1));
    }
  }
  /*.emoji {*/

  /*}*/
/*}*/