.episode-end-card {
    position: relative;
    z-index: 10;

    .episode-end-card-wrap {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;

        @media(min-width: 576px) {
            height: auto;
        }

        .episode-end-card-body {
            position: relative;
            top: 40%;
            transform: translateY(-50%);

            &:last-child {
                top: calc(40% - 80px);
                transform: translateY(-50%);

                @media(min-width: 576px) {
                    //top: 0;
                    transform: translateY(0);
                }
            }

            .sub-text {
                font-size: 1.6rem;
            }

            @media(min-width: 576px) {
                transform: translateY(0);
            }
        }
    }

    .nonstop-show-logo {
        margin-bottom: 3rem;
        max-width: 23rem;

        @media(min-width: 576px) {
            max-width: 28rem;
        }

        @media(min-width: 768px) {
            max-width: 35rem;
        }
    }

    .ns-btn-container {
        position: absolute;
        bottom: 0;
        margin: auto;

        @media(min-width: 576px) {
            position: static;

        }

        .btn-nonstop {
            margin-bottom: 15px;
        }
    }

    a.link {
        color: $color-nonstop;
        white-space: nowrap;

        @media(min-width: 468px) {
            display: inline;
        }

        &:hover,
        &:active,
        &:visited {
            color: $color-nonstop;
        }
    }
}

.nonstop-logo-full {
    margin-bottom: 3rem;
    max-width: 300px;
}