@import '~styles/mixins';
@import '~styles/adminMixins';

.ModuleDropActions {
  width: 100%;

  .content-drop {
    background-color: #121212;
    color: white;
    font-size: 12px;
    min-width: 100%;
    margin-top: 5px;
    z-index: 100;
    @include dropdownActions;
  }

  // used as header before
  .label {
    padding: 10px;
    background-color: rgba($color: #ffffff, $alpha: 0.1);

    .label-icon {
      margin-right: 10px;
    }
  }
}

.action-button {
  width: 100%;
  border-radius: 4px;
  background-color: rgba($color: $color_primary, $alpha: 0.2);
  color: $color_primary;
  text-align: center;
  font-weight: bold;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;

  .icon {
    margin-left: 10px;
    @include transition(all);

    &.active {
      transform: rotateX(180deg);
    }
  }
}

.icon-right {
  @include transition(all);
  transform-origin: center center;
  &.icon-active {
    transform: rotateX(180deg);
  }
}
