/* ---------------------------------------------------------------
   Download page basic styles
--------------------------------------------------------------- */

.download-tile .song-button-frame {
    display: flex;
    align-items: center;
    gap: 5px;

    width: 370px;
    height: 45px;
}

.download-tile .song-play-button-frame {
    position: relative;

    width: 300px;
    height: 45px;
    flex: 0 0 300px;
}

.download-tile .song-tile-media,
.download-tile .song-tile-media img {
    display: block;
    width: 300px;
    height: 45px;
}

.download-tile .song-cover-text {
    color: #001070;
    transition: color 160ms ease, text-shadow 160ms ease;
}

.download-tile .song-play-button-frame:hover .song-cover-text {
    color: #0048c8;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.65);
}

.download-tile .song-download-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 65px;
    height: 45px;
    flex: 0 0 65px;

    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    text-decoration: none;
    cursor: pointer;
}

.download-tile .song-download-button img {
    display: block;
    width: 65px;
    height: 45px;

    transition: filter 160ms ease, opacity 160ms ease;
}

.download-tile .song-download-button:hover img {
    filter: brightness(1.12);
}
/* ---------------------------------------------------------------
   Download page hover correction
   Keine Größenänderung, kein gemeinsamer Parent-Hover
--------------------------------------------------------------- */

.download-tile.song-tile:hover,
.download-tile.song-tile:hover .song-button-frame,
.download-tile.song-tile:hover .song-play-button-frame,
.download-tile.song-tile:hover .song-tile-media,
.download-tile.song-tile:hover .song-tile-media img,
.download-tile.song-tile:hover .song-download-button,
.download-tile.song-tile:hover .song-download-button img {
    transform: none;
}

/* Parent-Hover darf den linken Text nicht verändern */
.download-tile.song-tile:hover .song-cover-text {
    color: #001070;
    text-shadow: none;
}

/* Nur wenn der linke Button selbst berührt wird */
.download-tile .song-play-button-frame:hover .song-cover-text {
    color: #0b5a24;
	color: #087a2f;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.55);
}

/* Parent-Hover darf den Downloadbutton nicht aufhellen */
.download-tile.song-tile:hover .song-download-button:not(:hover) img {
    filter: none;
}

.download-tile.song-tile .song-download-button:hover img {
    filter: brightness(1.05);
}
/* Nur wenn der rechte Button selbst berührt wird */
.download-tile .song-download-button:hover img {
    filter: brightness(1.12);
}

.page-frame {
    background: #ffffff;
}