sepanta Loader by m-faghihy

/* ==UserStyle==
@name           sepanta Loader
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("sepanta.com") {
    .app-link:hover {
        transform: scale(1.2);
        transition: transform .1s;
    }

    .op-container:not(:hover)::after {
        width: 3em;
        display: inline-block;
        content: '';
    }
    .op-container > .operation {
        display: none;
    }
    .op-container:hover > .operation {
        display: inline;
        padding-right: .5em;
        position: relative;
        top: .15em;
    }
    
    .fa-spinner,
    .loading.ui-state-default {
        background: url(https://c.sepanta.com/i1/Logos/sepanta-loader.svg) no-repeat right;
        animation: unset;
        background-size: contain;
    }
    .fa-spinner:before,
    .loading.ui-state-default:before {
        color: transparent;
    }
    .loading.ui-state-default {
        padding-right: 30px;
        background-size: auto 70%
    }
}