.data-marker {
  position: absolute;
  top: 55px;
}

.data-marker__pos1 {
  right: 5px;
}
.data-marker__pos2 {
  right: 20px;
}
.data-marker__pos3 {
  left: 5px;
}

.lcd-grid {
  width: 300px;

  &.menu {
    height: 250px;
  }

  &.hard {
    height: 310px;
  }
}

.lcd-grid-item {
  float: left;
  height: 75px;
  margin: 2px;
  //background: #666;
  position: relative;

  .btn {
    position: absolute;
    height: 75px;
    z-index: 5;
    overflow-wrap: break-word;
    font-size: 12px;
  }

  &.menu-btns {
    width: 100px;

    .btn {
      width: 100px;

    }
  }

  &.hard-btns {
    width: 80px;

    .btn {
      width: 80px;
    }

    &.popup {
      @media (min-width: $screen-sm-min) {
        width: 90px;
      }

      .btn {
        @media (min-width: $screen-sm-min) {
          width: 90px;
        }
      }

    }
  }
}


.hard-btn-name {
  display: block;

  &.bg-primary {
    padding: 2px 0px;
    margin: 0 -13px;
    margin-top: -7px;
    border-radius: $border-radius-base $border-radius-base 0 0;
  }
}
