✏️ Editing: info-button-default.min.css Writable

.qodef-qi-info-button{position:relative;display:inline-block;vertical-align:middle;width:auto;margin:0;font-family:inherit;font-size:16px;line-height:2em;font-weight:500;text-decoration:none;text-transform:none;border-radius:4px;outline:0;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;padding:11px 28px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.2em;overflow:hidden}.qodef-qi-info-button .qodef-m-text-holder{display:flex;align-items:center}.qodef-qi-info-button .qodef-m-subtext{font-size:.75em}.qodef-qi-info-button .qodef-m-subtext.qodef--subtext-color-set{transition:color .25s ease-in-out}.qodef-qi-info-button.qodef-size--small{padding:6px 24px}.qodef-qi-info-button.qodef-size--large{padding:11px 36px}.qodef-qi-info-button.qodef-size--full{width:100%;text-align:center}.qodef-qi-info-button.qodef-layout--filled{color:#111;background-color:#f4f4f4;border:0;font-size:1rem;border-style:solid}.qodef-qi-info-button.qodef-layout--filled:hover{color:#fff;background-color:#111}.qodef-qi-info-button.qodef-layout--outlined{color:#111;background-color:transparent;border:2px solid #111}.qodef-qi-info-button.qodef-layout--outlined:hover{color:#111;background-color:#f4f4f4;border-color:#f4f4f4}.qodef-qi-info-button.qodef-icon--left .qodef-m-text-holder{flex-direction:row-reverse}.qodef-qi-info-button .qodef-m-icon{color:currentColor}.qodef-qi-info-button .qodef-m-icon.qodef--icon-color-set{transition:color .25s ease-in-out,background-color .25s ease-in-out}.qodef-qi-info-button .qodef-m-icon svg{width:1em;fill:currentColor;stroke:currentColor}.qodef-qi-info-button.qodef-icon--right:not(.qodef-type--icon-boxed) .qodef-m-icon i,.qodef-qi-info-button.qodef-icon--right:not(.qodef-type--icon-boxed) .qodef-m-icon svg{margin-left:10px}.qodef-qi-info-button.qodef-icon--left:not(.qodef-type--icon-boxed) .qodef-m-icon i,.qodef-qi-info-button.qodef-icon--left:not(.qodef-type--icon-boxed) .qodef-m-icon svg{margin-right:10px}.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner,.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner,.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner{position:relative;overflow:hidden;display:inherit;padding:1px}.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner svg,.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner svg,.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner svg{transition:transform .38s cubic-bezier(.37,.08,.02,.93),opacity .18s ease-in-out;will-change:transform}.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner svg:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner svg:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner svg:nth-child(1){transform:translateX(0) translateY(0);transition-delay:.1s;opacity:1}.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner svg:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner svg:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner svg:nth-child(2){position:absolute;opacity:0;left:1px;top:1px;transition-delay:0s}.qodef-qi-info-button.qodef-hover--icon-move-diagonal:hover .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-diagonal:hover .qodef-m-icon-inner svg:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-horizontal:hover .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-horizontal:hover .qodef-m-icon-inner svg:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-vertical:hover .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-vertical:hover .qodef-m-icon-inner svg:nth-child(1){opacity:0}.qodef-qi-info-button.qodef-hover--icon-move-diagonal:hover .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-diagonal:hover .qodef-m-icon-inner svg:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-horizontal:hover .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-horizontal:hover .qodef-m-icon-inner svg:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-vertical:hover .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-vertical:hover .qodef-m-icon-inner svg:nth-child(2){transform:translateX(0) translateY(0) translatez(0);transition-delay:.25s;opacity:1}.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-horizontal .qodef-m-icon-inner svg:nth-child(2){transform:translateX(-150%) translateY(0)}.qodef-qi-info-button.qodef-hover--icon-move-horizontal:hover .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-horizontal:hover .qodef-m-icon-inner svg:nth-child(1){transform:translateX(200%) translateY(0)}.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner svg{will-change:transform}.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-vertical .qodef-m-icon-inner svg:nth-child(2){transform:translateX(0) translateY(150%) translateZ(0)}.qodef-qi-info-button.qodef-hover--icon-move-vertical:hover .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-vertical:hover .qodef-m-icon-inner svg:nth-child(1){transform:translateX(0) translateY(-150%) translateZ(0)}.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner svg{will-change:transform}.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner i:nth-child(2),.qodef-qi-info-button.qodef-hover--icon-move-diagonal .qodef-m-icon-inner svg:nth-child(2){transform:translateX(-100%) translateY(100%) translateZ(0)}.qodef-qi-info-button.qodef-hover--icon-move-diagonal:hover .qodef-m-icon-inner i:nth-child(1),.qodef-qi-info-button.qodef-hover--icon-move-diagonal:hover .qodef-m-icon-inner svg:nth-child(1){transform:translateX(100%) translateY(-100%) translateZ(0)}.qodef-qi-info-button.qodef-hover--icon-move-horizontal-short .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-horizontal-short .qodef-m-icon-inner svg{transition:transform .3s cubic-bezier(.37,.08,.02,.93),opacity .2s ease-in-out;transform:translateX(0);will-change:transform}.qodef-qi-info-button.qodef-hover--icon-move-horizontal-short:hover .qodef-m-icon-inner i,.qodef-qi-info-button.qodef-hover--icon-move-horizontal-short:hover .qodef-m-icon-inner svg{transform:translateX(4px)}.qodef-qi-info-button.qodef-type--icon-boxed{padding:0!important;flex-direction:row;align-items:stretch}.qodef-qi-info-button.qodef-type--icon-boxed .qodef-m-text-holder{flex-direction:column;padding:11px 28px}.qodef-qi-info-button.qodef-type--icon-boxed.qodef-icon--left{flex-direction:row-reverse}.qodef-qi-info-button.qodef-type--icon-boxed.qodef-icon--left .qodef-m-icon-holder{flex-direction:row-reverse}.qodef-qi-info-button.qodef-type--icon-boxed .qodef-m-text-holder{align-items:flex-start;justify-content:center}.qodef-qi-info-button.qodef-type--icon-boxed .qodef-m-icon{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 0;flex:1}.qodef-qi-info-button.qodef-type--icon-boxed .qodef-m-icon i{line-height:inherit}.qodef-qi-info-button.qodef-type--icon-boxed .qodef-m-border{height:100%;width:2px;background-color:#111;transition:background-color .25s ease-in-out}

🔐 Sid Gifari File Manager Pro