Reddit Neumorphic by kilgorio

/* ==UserStyle==
@name         Reddit Neumorphic
@namespace    yes
@author       Kilgorio
@description  Version 1
@version      2024.04.02
@license      NONE
==/UserStyle== */

@-moz-document domain("www.reddit.com"),
domain("reddit.com") {
    button {
        border-radius: 12px !important;
        box-shadow: 3px 3px 6px #171717,
        -3px -3px 6px #fff !important;
        color: #fff !important;
        transition: all 0.3s ease !important;
    }

    button:hover {
        box-shadow: 6px 6px 12px #c5c5c5,
        -6px -6px 12px #ffffff,
        inset 4px 4px 8px #c5c5c5,
        inset -4px -4px 8px #ffffff !important;
    }

    button:active {
        box-shadow: inset 4px 4px 8px #c5c5c5,
        inset -4px -4px 8px #ffffff !important;
    }

    button span {
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .flex.items-center.justify-center {
        border-radius: 100px !important;
        box-shadow: 3px 3px 6px #171717,
        -3px -3px 6px #fff !important;
        color: #fff !important;
        transition: all 0.3s ease !important;
    }

    .box-border {
        border-radius: 12px !important;
        box-shadow: 3px 3px 6px #171717,
        -3px -3px 6px #fff !important;
        color: #fff !important;
        transition: all 0.3s ease !important;
    }
}