@use "/src/assets/scss/partial" as *;
@use "/src/assets/scss/variables" as *;

.singleHomeBaseBox {
  background: $whiteFBColor;

  p {
    color: $grey344Color;
  }

  // &:last-child {
  //   cursor: pointer;

  //   span {
  //     background-color: $primaryColor;
  //     padding: 12px;
  //     rotate: 320deg;

  //     &:hover {
  //       opacity: 0.8;
  //     }
  //   }
  // }

  &.lastSpan {
    span {
      background-color: $primaryColor;
      padding: 12px;
      rotate: 320deg;

      &:hover {
        opacity: 0.8;
      }
    }
  }

  span {
    // background-color: #68B0AB;

    i {
      background-color: $whiteColor;
    }
  }

  &.coLiving {
    &:last-child {
      span {
        background-color: #68b0ab !important;

        i {
          background-color: $white;
        }
      }
    }

    span {
      background-color: #68b0ab !important;

      i {
        background-color: $white;
      }
    }
  }
}