.ds-card {
  @include context-menu-button;

  .context-menu {
    opacity: 0;
  }

  &.active {
    .context-menu {
      opacity: 1;
    }
  }

  &.last-item {
    @include context-menu-open-left;

    .context-menu {
      opacity: 1;
    }
  }

  &:is(:hover, :focus, .active) {
    @include context-menu-button-hover;

    outline: none;
  }
}
