gg-y-ui/lib/fixed-button/style/style.css

An enterprise-class UI design language and Vue-based implementation for web

.y-fixed-button{position:fixed;right:0;border-radius:100px;color:#768893;background-color:#fff;box-shadow:0 3px 6px rgba(12,33,63,.12);padding:8px;display:flex;align-items:center;user-select:none;cursor:pointer;opacity:0;transition:opacity .33s ease-out;z-index:2}.y-fixed-button-stick{border-radius:100px 0 0 100px}.y-fixed-button.is-visible{opacity:1}.y-fixed-button .description{font-size:12px;line-height:16px;margin-left:4px;display:none}.y-fixed-button:hover{color:#4598f0}.y-fixed-button:hover .description{display:block}.y-fixed-button:active{color:#418cdb}