page-tools-drwatson {
  .sharp-icon-hover:hover {
    width: 45px;
    height: 54px;
    background: url(~@images/icons-01.svg) -63px 517px;
    display: inline-block;
  }

  .functions {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }

  .functions-a {
    display: block;
    width: 32%;
    height: 110px;
    background-color: white;
    border: 1px solid #E0E0E0;
    padding: 20px;
    font-size: 20px;
    text-decoration: none;
    white-space: nowrap;

    &[href]:hover {
      background-color: var(--global-theme-color-light, #00CCC2);
      color: white;

      mark {
        color: white;
      }

      i {
        background-position-x: 7px;
      }

      .sharp-icon-log-clustering {
        background-image: url(~@images/log-clustering-hover.svg) no-repeat;
      }

      .sharp-icon-multicriteria-anomaly {
        background-image: url(~@images/multicriteria-anomaly-hover.svg) no-repeat;
      }
    }

    &:not([href]):hover {
      color: #737373;
      cursor: not-allowed;
    }

    i {
      vertical-align: middle;
      margin: 0 .5em;
      width: 70px;
      height: 72px;
      display: inline-block;
    }
  }

  mark {
    background: none;
    font-size: .8em;
    color: #00CCC2;
  }

  $background-position: -90px 8px;

  .sharp-icon-find-relation {
    background: url(~@images/find-relation.svg) no-repeat;
    background-position: $background-position;
  }

  .sharp-icon-helper {
    background: url(~@images/helper.svg) no-repeat;
    background-position: $background-position;
  }

  .sharp-icon-find-cycle {
    background: url(~@images/find-cycle.svg) no-repeat;
    background-position: $background-position;
  }

  .sharp-icon-relevant {
    background: url(~@images/relevant.svg) no-repeat;
    background-position: $background-position;
  }

  .sharp-icon-multicriteria-anomaly {
    background: url(~@images/multicriteria-anomaly.svg) no-repeat;
    background-size: 80% 80%;
  }

  .sharp-icon-log-clustering {
    background: url(~@images/log-clustering.svg) no-repeat;
    background-size: 100% 100%;
  }

  .sharp-icon-word {
    background-position: 4px -179px;
  }

  .sharp-icon-community {
    background-position: -63px 517px;
  }

  .sharp-icon-conceal {
    background-position: -195px 517px;
  }
}