.btn, button, .home-actions a, .nav-buttons a, .back,
a[href="/random.php"], a[href="/admin.php"], a[href="/offline.php"] {
    display:inline-block;
    background:linear-gradient(180deg,#3f3f3f,#1f1f1f) !important;
    color:#fff !important;
    border:1px solid #777 !important;
    border-radius:14px !important;
    padding:12px 16px !important;
    box-shadow:0 5px 12px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.16) !important;
    text-decoration:none !important;
    font-weight:700 !important;
}

.btn:hover, button:hover, .home-actions a:hover, .nav-buttons a:hover, .back:hover,
a[href="/random.php"]:hover, a[href="/admin.php"]:hover, a[href="/offline.php"]:hover {
    background:linear-gradient(180deg,#555,#292929) !important;
    transform:translateY(-1px);
}

.btn:active, button:active, .home-actions a:active, .nav-buttons a:active, .back:active,
a[href="/random.php"]:active, a[href="/admin.php"]:active, a[href="/offline.php"]:active {
    transform:translateY(1px);
}

/* Make publisher/folder/comic cards look like raised buttons too */
.grid > .card,
.grid > a.card,
.card[href],
a.card {
    background:linear-gradient(180deg,#353535,#1f1f1f) !important;
    border:1px solid #666 !important;
    border-radius:14px !important;
    box-shadow:0 5px 12px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12) !important;
    color:#fff !important;
    font-weight:700 !important;
}

.grid > .card:hover,
.grid > a.card:hover,
.card[href]:hover,
a.card:hover {
    background:linear-gradient(180deg,#4a4a4a,#292929) !important;
    transform:translateY(-1px);
}

.grid > .card:active,
.grid > a.card:active,
.card[href]:active,
a.card:active {
    transform:translateY(1px);
}

body a.card,
body .grid a.card,
body .grid > a.card {
    background:linear-gradient(180deg,#3f3f3f,#1f1f1f) !important;
    border:1px solid #777 !important;
    box-shadow:0 5px 12px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.16) !important;
    border-radius:14px !important;
    color:#fff !important;
    font-weight:700 !important;
}

body a.card:hover,
body .grid a.card:hover,
body .grid > a.card:hover {
    background:linear-gradient(180deg,#555,#292929) !important;
    transform:translateY(-1px);
}
