.tooltip-inner{
      padding:6px 7px;
      color:#fff;
      text-align:center;
      font-weight:400;
      background: #000;
      border-radius: 10px;   
    }
    .fonticon, .share-btn i {font-size: 1.5rem;}
    .floating-action-button {
      width: 60px;
      height: 60px;
      color: white;
      cursor: pointer;
      transform: rotate(45deg);
      border-radius: 12px;
    }
    .floating-action-button .share-btn {
       position: absolute;
       top: 0;
       left: 0;
       display: flex;
       justify-content: center;
       align-items: center;
       width: 100%;
       height: 100%;
       border-radius: 10px;
       border: 2px solid #fff;
       box-shadow: 0px 2px 17px -1px rgba(0, 0, 0, 0.3);
       z-index: 1000;
    }
    .floating-action-button .share-btn #share-icon {
      display: block;
    }
    .floating-action-button .share-btn #close-icon {
      display: none;
    }
    .floating-action-button .share-btn.active #share-icon {
      display: none;
    }
    .floating-action-button .share-btn.active #close-icon {
      display: block;
    }
    .floating-action-button ul {
       position: relative;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
    }
    .floating-action-button ul li {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       background: #212529;
       color: #fff;
       list-style-type: none;
       transform: scale(0.95);
       transition: 0.5s;
       border-radius: 10px;
    }
    .floating-action-button span {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       background: #212529;
       color: #fff;
       list-style-type: none;
       transform: scale(0.95);
       transition: 0.5s;
       border-radius: 10px;
    }
    .vitrine ul.active li:hover {
       background-color: #9670CE;
       color: #fff;
       transition-delay: 0s;
       transition: 0.2s;
    }
    .danger ul.active li:hover {
       background-color: rgb(233, 0, 0);
       color: #fff;
       transition-delay: 0s;
       transition: 0.2s;
    }
    .sable ul.active li:hover {
       background-color: #cc4582;
       color: #fff;
       transition-delay: 0s;
       transition: 0.2s;
    }
    .home ul.active li:hover {
       background-color: #6f6f6e;
       color: #fff;
       transition-delay: 0s;
       transition: 0.2s;
    }
    .floating-action-button ul.active li:nth-child(1) {
       top: -95%;
       left: 95%;
       transition-delay: 0s;
    }
    .floating-action-button ul.active li:nth-child(2) {
       top: -185%;
       left: 185%;
       transition-delay: 0.2s;
    }
    .floating-action-button ul.active li:nth-child(3) {
       top: -275%;
       left: 275%;
       transition-delay: 0.6s;
    }
    ion-icon, .fonticon, .share-btn i {
      transform: rotate(-45deg);
    }
    .hide {
      display: none;
    }
    .show {
      display: block;
    }