.searchbar{
      margin-bottom: auto;
      margin-top: auto;
      height: 35px;
      background-color: #00000091;
      border-radius: 50px;
      padding: 3px;
    }

    .search_input{
      color: #000000;
      border: 0;
      outline: 0;
      background: none;
      width: 0;
      font-size: 15px;
      text-align: center;
      caret-color:transparent;
      line-height: 40px;
      transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
      padding: 0 10px;
      width: 210px;
      caret-color:red;
      transition: width 0.4s linear;
    }

    .searchbar:hover > .search_icon{
    background: white;
    color: #000;
    background-color: #fff;
    }
    .searchbar:hover{
      background-color: #0000002b;
      border: 1px #00000078 solid;
    }
    .search_icon{
      height: 30px;
      width: 30px;
      float: right;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color:white;
      text-decoration:none;
    }