.float-menu {
  position: absolute;
  box-shadow: 0 5px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
  z-index: 100;
  border-radius: var(--border-radius-base);
  overflow: hidden;

  >div {
    padding: 5px;
    background-color: var(--component-background);
  }

  &.float-menu-hidden {
    border-radius: 100%;

    >div {
      opacity: 0.25;
      transition: all 0.2s;
      border-radius: 100%;

      &:hover {
        opacity: 1;
      }
    }
  }
}