.sidebar {
  padding: 5px 5px 5px;
  margin-bottom: 10px;
  border-radius: 7%;
  font-size: 14px;
  z-index: 9999;
  background: #34b5b8;
  cursor: pointer;
}

.icon-bar .cart {
  padding: 7px 0px 7px;
  margin-bottom: 10px;
  border-radius: 4px;
  font-size: 12px;
  background: #d42a2a;
  color: #f5f5f5;
}

.cart:hover {
  background-color: #f5f5f5;
  color: #d42a2a;
}

.icon-bar {
  position: fixed;
  top: 45%;
  right: 2.5%;
  z-index: 9999;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  color: white;
}

.icon-bar a:hover {
  color: #d42a2a;
}

/* Style the icon bar links */

.icon-bar .sidebar, .cart {
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

@media(max-width:768px){
  .sidebar {
    padding: 15px 0px 15px;
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 10px;
    z-index: 9999;
    background: #34b5b8;
    cursor: pointer;
  }
  
  .icon-bar .cart {
    padding: 5px 0px 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 10px;
    background: #d42a2a;
    color: #f5f5f5;
  }
}