.button {
    background-color: #182538;
    color: white !important;
    transition: all 0.3s ease-in-out;
}

.button:hover {
    background-color: #1f3047;
    transform: scale(1.01);
    box-shadow: 0 4px 8px gray;
}

.hero-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem 0 0;
}

.hero-logo {
    width: 40%;
    max-width: 150px;
}
.footer-brand > a {
    text-decoration: none !important;
}

@media (min-width: 641px) {
    .features::before {
        background: none;
    }

    .hero-logo-container {
        justify-content: flex-end;
    }
}

.playlist-link {
    color: #FF0000;
    text-decoration: none;
    transition: color 0.1s ease-in-out;
}

.playlist-link:hover {
    color: #CC0000;
}

.feature-content > a:hover {
    color: firebrick;
}