.wblock-floating-buttons {
height: 0;
margin: 0
}
.wblock-floating-buttons-inner {
position: fixed;
bottom: 30%;
right: 10px;
z-index: 99999;
list-style: none;
padding: 0;
}
.wblock-floating-buttons-inner .icon-item {
position: relative
}
.wblock-floating-buttons-inner .btn-icon {
display: flex;
align-self: center;
justify-content: center;
transition: all .1s linear
}
.wblock-floating-buttons-inner .btn-icon svg {
-ms-grid-row-align: center;
align-self: center
}
.wblock-floating-buttons-inner .btn-icon {
vertical-align: middle
}
.wblock-floating-buttons-inner .btn-icon:hover {
opacity: .7;
cursor: pointer
}
.wblock-floating-buttons-inner .btn-title {
display: none;
background: #323232;
color: #fff;
font-size: 12px;
padding: 5px 8px;
position: absolute;
top: 13%;
right: 140%;
opacity: 0;
line-height: 1.5;
border-radius: 3px;
white-space: nowrap
}
.wblock-floating-buttons-inner .icon-item:hover .btn-title {
display: block;
}
.wblock-floating-buttons-inner .btn-title::before {
content: '';
display: block;
position: absolute;
top: 8px;
right: -4px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #323232
}
.wblock-floating-buttons-inner .icon-item:hover .btn-title {
opacity: 1
}
.item-image .icon-item-content-inner {
text-align: center
}
.wblock-floating-buttons-inner.float-left {
left: 10px;
right: auto
}
.wblock-floating-buttons-inner.float-left .btn-title {
right: auto;
left: 140%;
}
.wblock-floating-buttons-inner.float-left .btn-title::before {
position: absolute;
top: 8px;
left: -4px;
right: auto;
border-width: 5px 5px 5px 0;
border-color: transparent #323232 transparent transparent
}
.wblock-floating-buttons-inner.inline .icon-item {
-js-display: inline-flex;
display: inline-flex;
text-align: center
}
.wblock-floating-buttons-inner .btn-icon {
text-align: center;
vertical-align: middle;
font-size: 14px;
line-height: 2
}
.wblock-floating-buttons-inner .icon-item {
transition: all .1s linear
}