06/09/2022, 17:33:46 by dehsen

/* ==UserStyle==
@name           www.absabank.co.ke - 06/10/2022, 17:11:21
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://www.absabank.co.ke/") {
    /* Insert code here... */
    a {
        text-decoration: underline !important;
        z-index: 1;
        position: relative;
        padding: 0.5rem 0.75rem 0.5rem 0.35rem;
        border-radius: 0.1rem;
        -webkit-transition: background-image 0.2s ease-in-out;
        transition: background-image 1.2s ease-in-out;
    }

    a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0.1rem;

        background: linear-gradient(125deg, rgb(103, 57, 76) -7%, rgb(203, 66, 95) 110%);
        color: white !important;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
        z-index: -1;
    }

    a:hover::before {

        opacity: 1;
    }

    a:hover {
        color: white !important;
    }

    /*a:hover {
        background-color: red !important;
        background-image: linear-gradient(125deg, rgb(103, 57, 76) -7%, rgb(203, 66, 95) 110%);
    color: white !important;
        
    }*/
}