.setting-box {
  position: relative;
  padding: 2.2rem;
  border: 1px solid #DFEAF7;
  height: 100%;
  min-height: 140px;
  display: flex;
  justify-content: flex-start;
  gap: 3.4rem;
  &:hover {
    background-color: #1a73e8;
    border:1px solid #1a73e8;
    img {
      filter: brightness(0) invert(1);
    }}
  .icon {
  align-self: center;

  }

  .hypertitle {
    min-height: 15px;
  }

  &:hover {
    background-color: #1a73e8 !important;

    svg,
    .alternative-tooltip--img {
      filter: brightness(0) invert(1);
    }

    .change-on-hover {
      color: white !important;
    }
  }
}