a {
    text-decoration: none;
   }
.btn-play {
    display: flex;
    justify-content: center;
    margin: 1em 0em 1.5em 0em;
}
.radio-status {
    margin-top: 2em;
    cursor:default;
}
.radio-status p {
    margin-top: 8px;
}
.radio-slogan {
    margin-top: 2em;
}
.logo {
    margin: 0px auto;
    padding: 0px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 300px;
    height: 100%;
}
.promo {
    cursor:default;
    position: relative;
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}
.promo-style {
    border-radius: 15px;
    box-shadow: 0 0 35px 0  #bf47eb31;
}
.fi {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.fi-ss-angle-small-left{
    position: absolute;
    left: 10px;
}
.fi-ss-angle-small-left:hover{
    color: #bf47eb;
}
.fi-sr-time-forward-ten {
    margin: 0 40px;
}
.fi-sr-play , .fi-sr-pause {
    background-image: -webkit-linear-gradient(#ffe47a , #ffaf00 ,#eea400);
    border-radius: 50%;
    box-shadow: 0 0 30px 0 #8225e073;
}
.fi-sr-play:hover , .fi-sr-pause:hover {
    background-image: -webkit-linear-gradient(#ffe47a , #ffaf00 ,#eea400);
    box-shadow: 0 0 30px 0 #8225e073;
}
.animate-text
{
    --bg-size: 400%;
    --color-one: #ffaf00;
    --color-two: #005e6b;
    
    font-size: clamp(3rem, 25vmin, 8rem);
    background: linear-gradient(
                  90deg,
                  var(--color-one),
                  var(--color-two),
                  var(--color-one)
                ) 0 0 / var(--bg-size) 100%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  animation: textclip 20s infinite alternate-reverse;
}

@keyframes textclip {
    to{
        background-position: var(--bg-size) 0;
      }
    }
    .animate-country-sv
{
    cursor:default;
    --bg-size: 400%;
    --color-one: #1500ff;
    --color-two: #ffffff;
    
    font-size: clamp(3rem, 25vmin, 8rem);
    background: linear-gradient(
                  90deg,
                  var(--color-one),
                  var(--color-two),
                  var(--color-one)
                ) 0 0 / var(--bg-size) 100%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  animation: textclip 20s infinite alternate-reverse;
}

@keyframes textclip {
    to{
        background-position: var(--bg-size) 0;
      }
    }

      
      .btn--dnr {
        background-image: -webkit-linear-gradient(#9a0a36 , #7b0b2b ,#5b0c20);
        -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 0 100%);
      
      }
      .btn--dnr:hover { 
        background-image: -webkit-linear-gradient(#ffe47a , #ffaf00 ,#eea400);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);  
      }
      
      .btn--dnr:after {
        content: "\f004";
        color: red;
        font-family: FontAwesome;
        display: inline-block;
        position: relative;
        right: -55px;
        transition: all 0.2s ease;
      }
      
      .btn--dnr:hover:after {
        margin: -5px 15px;
        right: 0px;
      }