*{box-sizing:border-box;margin:0;padding:0}.col-nav-item{width:48px;height:48px;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-collapse:collapse;border-bottom:1px solid #ccc;border-top:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s;padding-left:0;overflow:hidden;position:relative}.col-nav-item:hover{width:200px;padding-left:10px;justify-content:flex-start;border-top:1px solid #ccc}.col-nav-item-text{opacity:0;visibility:hidden;color:#fff;width:160px;position:absolute;right:-100%}.col-nav-item:hover .col-nav-item-text{width:auto;color:#1a1a1a;padding-left:20px;opacity:1;visibility:visible;position:inherit;right:0;transition-duration:1s}.col-nav-item:first-child{border-top:1px solid #ccc}.col-navigation{position:fixed;top:23%;right:0;z-index:10;display:flex;flex-direction:column;justify-items:flex-end;align-items:flex-end}@media(max-width:576px){}