.pp-ssb-widget {
    width: 100%;
    margin: 0 auto;
    padding-top: 1ch;
}

.pp-ssb-widget-modern {
    font: Roboto;
    color: #707070;
}

.pp-ssb-widget.no-pad-top {
    padding-top: 0;
}

/*Styling for round buttons*/
a.pp-ssb-btn {
    width: 100%;
    height: 48px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    line-height: 48px;
    overflow: hidden;
    border-radius: 50px;

}

.pp-ssb-widget-include a.pp-ssb-btn {
    text-align: left;
}

.pp-ssb-widget-modern a.pp-ssb-btn {
    color: #707070;
    margin: 6px 0 6px 0;
    border: 1px solid #C4C4C4;
    font: 15px arial, sans-serif;
    padding-right: 20px;
    background-position: center;
    transition: background 0.8s;
    background-color: #fff;
    font-size: 80%;
}

.pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn {
    font-size: 80% !important;
}

/*Styling for square buttons*/
.pp-ssb-btn-sq {
    width: 100%;
    height: 48px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    line-height: 48px;
    overflow: hidden;
}

.pp-ssb-btn-include .pp-ssb-btn-sq {
    text-align: left;
}

body .pp-ssb-widget-modern a.pp-ssb-btn-sq {
    color: #707070;
    margin: 6px 0 6px 0;
    border: 1px solid #C4C4C4;
    font: 15px arial, sans-serif;
    background-position: center;
    transition: background 0.8s;
    background-color: #fff;
    font-size: 80%;
}

body .pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn-sq {
    font-size: 80% !important;
}

/*Responsive rules, so that buttons don't wrap and the Subscribe Page button is always displayed*/
@media (max-width: 663px) and (min-width: 611px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 11) {
        display: none;
    }
}

@media (max-width: 611px) and (min-width: 559px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 10) {
        display: none;
    }
}

@media (max-width: 559px) and (min-width: 507px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 9) {
        display: none;
    }
}

@media (max-width: 507px) and (min-width: 455px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 8) {
        display: none;
    }
}

@media (max-width: 455px) and (min-width: 403px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 7) {
        display: none;
    }
}

@media (max-width: 403px) and (min-width: 351px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 6) {
        display: none;
    }
}

@media (max-width: 351px) and (min-width: 299px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 5) {
        display: none;
    }
}

@media (max-width: 299px) and (min-width: 247px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 4) {
        display: none;
    }
}

@media (max-width: 247px) and (min-width: 195px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 3) {
        display: none;
    }
}

@media (max-width: 195px) {
    a.pp-ssb-btn-sq.horizontal:nth-child(n + 2) {
        display: none;
    }
}

/*Responsive rules for square buttons*/
@media (max-width: 992px) and (min-width: 721px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 11) {
        display: none;
    }
}

@media (max-width: 721px) and (min-width: 659px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 10) {
        display: none;
    }
}

@media (max-width: 659px) and (min-width: 597px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 9) {
        display: none;
    }
}

@media (max-width: 597px) and (min-width: 535px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 8) {
        display: none;
    }
}

@media (max-width: 535px) and (min-width: 473px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 7) {
        display: none;
    }
}

@media (max-width: 473px) and (min-width: 411px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 6) {
        display: none;
    }
}

@media (max-width: 411px) and (min-width: 349px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 5) {
        display: none;
    }
}

@media (max-width: 349px) and (min-width: 287px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 4) {
        display: none;
    }
}

@media (max-width: 287px) and (min-width: 225px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 3) {
        display: none;
    }
}

@media (max-width: 225px) {
    a.pp-ssb-btn.horizontal:nth-child(n + 2) {
        display: none;
    }
}

a.pp-ssb-btn-sq.horizontal:last-child,
a.pp-ssb-btn.horizontal:last-child
{
    display:inline-block;
}

.pp-ssb-widget-modern a .pp-ssb-text {
    position: relative;
    top: 4px;
}

/*Ripple effect in modern buttons*/
.pp-ssb-widget-modern a.pp-ssb-btn:hover, .pp-ssb-widget-modern a.pp-ssb-btn-sq:hover {
    background: #ebebeb radial-gradient(circle, transparent 1%, #ebebeb 1%) center/15000%;
    color: #444444;
}

/*Background rules for modern buttons*/
.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn-sq:active {
    background-color: #AB42DF;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn-sq:active {
    background-color: #75BA26;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn-sq:active {
    background-color: #018C8B;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn-sq:active {
    background-color: #F9BA01;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn-sq:active {
    background-color: #2B91C9;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn-sq:active {
    background-color: #1C1F3D;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn-sq:active {
    background-color: #3EB559;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn-sq:active {
    background-color: #960d16;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn-sq:active {
    background-color: #007feb;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn-sq:active {
    background-color: #a316b4;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn-sq:active {
    background-color: #3668ff;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn-sq:active {
    background-color: #FF6600;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn-sq:active {
    background-color: #4400ff;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn-sq:active {
    background-color: #AB0000;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn-sq:active {
    background-color: #2BC5B4;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn-sq:active {
    background-color: #E62C2F;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn-sq:active {
    background-color: #000000;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn-sq:active {
    background-color: #333333;
    background-size: 100%;
    transition: background 0s;
}
.pp-ssb-widget-modern .pp-ssb-youtube.pp-ssb-btn:active, .pp-ssb-widget-modern .pp-ssb-youtube.pp-ssb-btn-sq:active {
    background-color: #E1251B;;
    background-size: 100%;
    transition: background 0s;
}

.horizontal .pp-ssb-text {
    display: none;
}
a.pp-ssb-btn.horizontal, a.pp-ssb-btn-sq.horizontal {
    width: auto;
}
a.pp-ssb-btn.horizontal, a.pp-ssb-btn-sq.horizontal {
    padding-right: 0;
}
.pp-ssb-widget-include a.pp-ssb-btn.horizontal, .pp-ssb-widget-include a.pp-ssb-btn-sq.horizontal {
    padding-right: 0 !important;
}
a.pp-ssb-btn.horizontal {
    margin-right: 10px;
}

/*Settings for buttons, including which sprite to use for the icons*/
.pp-ssb-ic {
    display: inline-block;
    width: 50px;
    height: 38px;
    margin-top: 2px;
    border: 0;
    vertical-align: middle;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-size: 50px;

}

.pp-ssb-widget-modern a .pp-ssb-ic {
    background-image: url('../images/modern_icon_sprite_2024_2.svg');
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .pp-ssb-widget-modern a .pp-ssb-ic {
        background-image: url('../images/modern_icon_sprite_2024.png');
    }
}

/*Sprite background positions for modern buttons*/
.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #AB42DF;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-itunes .pp-ssb-ic {
    background-position: 0 -5px;
}
.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #75BA26;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-android .pp-ssb-ic {
    background-position: 0 -55px;
}
.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #018C8B;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-email .pp-ssb-ic {
    background-position: 0 -106px;
}
.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #F9BA01;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-gp .pp-ssb-ic {
    background-position: 0 -155px;
}

.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #2B91C9;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-stitcher .pp-ssb-ic {
    background-position: 0 -205px;
}
.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #1C1F3D;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-tunein .pp-ssb-ic {
    background-position: 0 -255px;
}

.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #3EB559;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-spotify .pp-ssb-ic {
    background-position: 0 -307px;
}

.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #960d16;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-iheartradio .pp-ssb-ic {
    background-position: 0 -456px;
}

.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #007feb;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-deezer .pp-ssb-ic {
    background-position: 0 -507px;
}

.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #a316b4;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-anghami .pp-ssb-ic {
    background-position: 0 -1254px;
}

.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #3668ff;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-pandora .pp-ssb-ic {
    background-position: 0 -555px;
}

.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #FF6600;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-rss .pp-ssb-ic {
    background-position: 0 -355px;
}

.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #4400ff;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-amazon .pp-ssb-ic {
    background-position: 0 -1007px;
}

.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #AB0000;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-pcindex .pp-ssb-ic {
    background-position: 0 -1057px;
}

.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #2BC5B4;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-jiosaavn .pp-ssb-ic {
    background-position: 0 -1107px;
}

.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #E62C2F;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-gaana .pp-ssb-ic {
    background-position: 0 -1203px;
}

.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #000000;
    padding-right: 10px;
}
.pp-ssb-widget-modern .pp-ssb-podchaser .pp-ssb-ic {
    background-position: 0 -1153px;
}

.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #333333;
    padding-right: 10px;
}

.pp-ssb-widget-modern .pp-ssb-more .pp-ssb-ic {
    background-position: 0 -405px;
}

.pp-ssb-widget-modern .pp-ssb-youtube.pp-ssb-btn-sq:not(.horizontal) {
    border-left: 3px solid #E1251B;
    padding-right: 10px;
}

.pp-ssb-widget-modern .pp-ssb-youtube .pp-ssb-ic {
    background-position: 0 -1303px;
}

.pp-ssb-widget-modern .pp-ssb-btn::after,
.pp-ssb-widget-modern .pp-ssb-btn-sq::after {
    content: url("../images/arrow.svg");;
    width: 20px;
    display: inline-block;
    float: right;
    margin-top: 16px;
}

.horizontal.pp-ssb-btn::after, .horizontal.pp-ssb-btn-sq::after {
    content: none;
}

.pp-ssb-nm {
    line-height: 46px;
    padding-left: 10px;
}
.go img {
    height: 8px;
    width: 30px;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
}