@layer components {
  .message__debug-icon {
    align-self: center;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.15s;

    .message:hover & {
      opacity: 0.4;
    }

    &:hover {
      opacity: 0.8;
    }
  }
}