#live{
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: row;
      margin-bottom: 0;
    }

    .Btn {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-left: 20px;
      margin-bottom: 0;
      width: 45px;
      height: 45px;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition-duration: .3s;
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
      background-color: rgb(255, 65, 65);
    }

    /* plus sign */
    .sign {
      width: 100%;
      transition-duration: .3s;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .sign svg {
      width: 17px;
    }

    .sign svg path {
      fill: white;
    }

    /* text */
    
    .text {
      position: absolute;
      right: 0%;
      width: 0%;
      opacity: 0;
      color: white;
      font-size: 1.2em;
      font-weight: 600;
      transition-duration: .3s;
    }
    /* hover effect on button width */
    
    .Btn:hover {
      width: 125px;
      border-radius: 40px;
      transition-duration: .3s;
    }

    .Btn:hover .sign {
      width: 30%;
      transition-duration: .3s;
      padding-left: 20px;
    }
    /* hover effect button's text */
    
    .Btn:hover .text {
      opacity: 1;
      width: 70%;
      transition-duration: .3s;
      padding-right: 10px;
    }
    /* button click effect*/

    .Btn:active {
      transform: translate(2px ,2px);
    }
    
/* address btn */

    #btn{
      margin-left: 20px;
      background: linear-gradient(#fc6767, #ec008c);
      color: #fff;
      padding: 8px;
      border-radius: 8px;
      width: 35%;
      text-align:center;
      display: inline-block;
      margin: 0 0.5rem;
      animation: bounce infinite;
      animation-duration: 2s;
      text-decoration: none;
    }