/* ╭─────────────────────────────────────╮
/  │            _           _            │
/  │   __ _  __| |_ __ ___ (_)_ __  ___  │
/  │  / _` |/ _` | '_ ` _ \| | '_ \/ __| │
/  │ | (_| | (_| | | | | | | | | | \__ \ │
/  │  \__,_|\__,_|_| |_| |_|_|_| |_|___/ │
/  ╰─────────────────────────────────────╯
/  admins - styling the admin cards on the admins page (admin.md) */

article#admins card-container card-entry {
    overflow: hidden;
    position: relative;

    h4, p {
        z-index: 100;
    }

    buttons-container {
        margin-top: 0;
        margin-bottom: 5rem;
    }

    img[sona] {
        bottom: -3rem;
        max-width: 18rem;
        opacity: .5;
        pointer-events: none;
        position: absolute;
        right: -.5rem;
        transform: rotate(16deg) scaleX(-1);
        transition: 0.2s;
    }

    &[sneexy] {
        --accent: #65ff88;
    }

    &[senil] {
        --accent: #008E54;

        buttons-container a[button]:hover {
            color: white !important;
        }

        img[sona] {
            bottom: -7rem;
        }
    }

    &[unnick] {
        --accent: #0094FF;

        buttons-container a[button]:hover {
            color: white !important;
        }

        img[sona] {
            bottom: -2rem;
        }
    }

    &[zenfyr] {
        --accent: #e05188;

        buttons-container a[button]:hover {
            color: white !important;
        }

        img[sona] {
            max-width: 13rem;
            bottom: -2rem;
        }
    }

    &:hover {
        img[sona] {
            opacity: 1;
        }
    }
}