.brand-logo-image {
    display: block;
    width: 100%;
    height: auto;
}

.navbar-logo {
    width: 104px;
    margin-inline-end: 1rem;
    padding: .28rem .55rem;
    border-radius: .85rem;
    background: linear-gradient(145deg, #29131d, #5f1d36);
    box-shadow: 0 8px 24px rgba(44, 16, 29, .2);
    transition: transform .2s ease, box-shadow .2s ease;
}

.navbar-logo:hover,
.navbar-logo:focus {
    transform: translateY(-1px);
    box-shadow: 0 11px 28px rgba(44, 16, 29, .27);
}

.admin-sidebar .admin-logo {
    width: min(100%, 160px);
    margin: 0 auto 1.5rem;
    padding: .35rem;
    background: transparent;
}

.admin-sidebar .admin-logo:hover,
.admin-sidebar .admin-logo:focus {
    background: rgba(255, 255, 255, .08);
}

.footer-logo {
    display: inline-block;
    width: 132px;
    margin-bottom: .65rem;
}

@media (max-width: 575.98px) {
    .navbar-logo {
        width: 88px;
        margin-inline-end: .5rem;
    }
}