:root{--icon-width:36px;--label-width:110px;--bg-red:#000;--bg-icon:#000;--text-white:#fff;--border-radius:6px;--transition-time:0.4s}.icon_frame{position:fixed;display:flex;flex-direction:column;gap:5px;z-index:999}.icon_frame_item{text-decoration:none;transition:transform var(--transition-time) ease-in-out}.icon_frame_item>div{display:flex;align-items:center;background-color:var(--bg-red);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.icon_frame_item>div>div{width:var(--label-width);text-align:center;padding:5px 10px}.icon_frame_item p{color:var(--text-white);font-size:14px;margin:0;line-height:1.2}.icon_frame_item img{width:var(--icon-width);height:var(--icon-width);background-color:var(--bg-icon);padding:5px}.icon_frame_left{left:0;top:150px;transform:translateX(calc(-100% + var(--icon-width)))}.icon_frame_left_item:hover{transform:translateX(var(--label-width))}.icon_frame_right{right:0;top:150px;transform:translateX(calc(100% - var(--icon-width)))}.icon_frame_right_item:hover{transform:translateX(calc(-1 * var(--label-width)))}.icon_frame_bottom{right:0;bottom:150px;transform:translateX(calc(100% - var(--icon-width)))}.icon_frame_bottom_item:hover{transform:translateX(calc(-1 * var(--label-width)))}@media (max-width:768px){.icon_frame_bottom,.icon_frame_left,.icon_frame_right{position:fixed;bottom:20px;left:10px;right:10px;top:auto;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;transform:none!important}.icon_frame_item,.icon_frame_item:hover{transform:none!important}.icon_frame_item>div{border-radius:var(--border-radius)}.icon_frame{display:none!important}}