.fcb {
     position: fixed;
     top: 36%;
     right: 0;
     display: flex !important;
     flex-direction: column;
     gap: 2px;
     padding: 10px 0 10px 10px;
     background: #0A1215;
     border-radius: 35px 0 0 35px;
     box-shadow: -5px 10px 15px rgba(0, 0, 0, .2);
     z-index: 9999;
     opacity: 0;
     pointer-events: none;
     transform: translateX(12px);
     transition: opacity .25s ease, transform .25s ease
 }

 .fcb.is-visible {
     opacity: 1;
     pointer-events: auto;
     transform: translateX(0)
 }

 .fcb a {
     display: block !important;
     width: 48px;
     height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-right: 10px;
     text-align: center;
 }

 .fcb .uk-icon {
     display: block;
     color: #24b8a2
 }

 .fcb a:hover .uk-icon {
     color: #2fd1b9
 }

 .fcb .uk-icon svg {
     width: 30px;
     height: 30px
 }

 .fcb .label {
     display: none;
     width: 100%;
     font-size: 12px;
     margin-top: 3px;
 }

 @media (min-width:960px) {

     .fcb::before,
     .fcb::after {
         content: "";
         position: absolute;
         right: 0;
         width: 30px;
         height: 15px
     }

     .fcb::before {
         top: -15px;
         border-radius: 0 0 20px 0;
         box-shadow: 15px 0 0 #0A1215
     }

     .fcb::after {
         bottom: -15px;
         border-radius: 0 20px 0 0;
         box-shadow: 15px 0 0 #0A1215
     }
 }

 @media (max-width:959px) {
     .fcb {
         top: auto;
         bottom: 0;
         left: 50%;
         right: auto;
         flex-direction: row;
         gap: 15px;
         padding: 8px 15px 5px 15px;
         border-radius: 20px 20px 0 0;
         box-shadow: 0 -5px 15px rgba(0, 0, 0, .15);
         transform: translate(-50%, 12px)
     }

     .fcb.is-visible {
         transform: translate(-50%, 1px)
     }

     .fcb a {
         display: block !important;
         width: 60px;
         padding: 0
     }

     .fcb .uk-icon svg {
         width: 24px !important;
         height: 24px !important;
     }

     .fcb::before,
     .fcb a {
         width: 60px;
         padding: 0
     }

     .fcb::after {
         content: "";
         position: absolute;
         bottom: 0;
         width: 30px;
         height: 15px
     }

     .fcb::before {
        content: "";
         position: absolute;
         left: -30px;
         border-radius: 0 0 20px 0;
         box-shadow: 10px 0 0 #0A1215
     }

     .fcb::after {
         right: -30px;
         border-radius: 0 0 0 20px;
         box-shadow: -10px 0 0 #0A1215
     }

     .fcb .label {
         display: block;
         font-size: 12px;
     }
 }