.bottom_utils_container{
  .bottom_utils {
    width: 1000px;
    height: 168px;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 500px);
    display: flex;
    justify-content: space-between;

    .option {
      position: relative;
      cursor: pointer;

      .img {
        width: 100px;
        height: 100px;

        &:hover {
          animation: bottomUtilsContainerSlideY 0.5s;
        }
      }

      .label {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        font-size: 14px;
      }

      .item {
        transform-origin: left;
        display: flex;
        position: absolute;
        top: 8px;
        left: 40px;
        background-image: linear-gradient(
          to right,
          rgba(31, 62, 129, 0) 0%,
          rgba(31, 62, 129, 0.4) 50%,
          rgba(31, 62, 129, 0) 100%
        );
        border: 1px solid;
        border-image: linear-gradient(
          to right,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0) 100%
        )
        1;
        border-left: none;
        border-right: none;
        padding: 6px 50px;

        .items {
          padding: 0 20px;
          text-align: center;

          .suspension_img {
            width: 60px;
            height: 60px;
            cursor: pointer;

            &:hover {
              animation: bottomUtilsContainerSlideY 0.5s;
            }
          }

          .suspension_label {
            margin-top: -10px;
            font-size: 12px;
            width: 80px;
            color: rgba(255, 255, 255, 0.8);
          }
        }
      }
    }

    @keyframes bottomUtilsContainerSlideY {
      0% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-5px);
      }
      100% {
        transform: translateY(0);
      }
    }
  }
}