#product-button {
  margin-top: 30px;
  margin-bottom: 30px; }
  #product-button .next-product-button {
    float: left; }
    #product-button .next-product-button .product-button-hover {
      left: 0; }
  #product-button .prev-product-button {
    float: right; }
    #product-button .prev-product-button .product-button-hover {
      right: 0; }
  #product-button .next-product-button,
  #product-button .prev-product-button {
    position: relative;
    z-index: 3; }
    #product-button .next-product-button .product-button-hover,
    #product-button .prev-product-button .product-button-hover {
      padding: 10px;
      text-align: center;
      display: none;
      position: absolute;
      top: 35px;
      border: 1px solid #ccc;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      box-shadow: 0 0 13px rgba(0, 0, 0, 0.17);
      background: #fff; }
      #product-button .next-product-button .product-button-hover .product-name,
      #product-button .prev-product-button .product-button-hover .product-name {
        font-size: 14px; }
      #product-button .next-product-button .product-button-hover img,
      #product-button .prev-product-button .product-button-hover img {
        max-width: 100%;
        height: auto; }
    #product-button .next-product-button:hover .product-button-hover,
    #product-button .prev-product-button:hover .product-button-hover {
      display: block; }