.latest-news {
    background-color: #fff2f2;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid #4200010d; */
    justify-content: space-between;
}

.left-news-box {
    width: 15%;
    padding: 5px 10px;
    text-align: center;
    background-color: var(--active-color);
    position: relative;
    font-weight: bold;
}

.news-contents {
    width: 85%;
    display: flex;
    margin-right: 20px;
    height: 100%;
    align-content: center;
    align-items: center;
}

.left-news-box .polygon {
    position: absolute;
    z-index: 800;
    width: 15px;
    top: 0;
    left: 100%;
    height: 100%;
    background-color: var(--active-color);
    clip-path: polygon(0% 0, 100% 50%, 0% 100%);
}

.news-contents a {
    text-decoration: none;
    margin-right:5rem;
    color: white !important;
}

.news-contents a::before {
    content: "\f0a9";
    font-family: 'Font Awesome 5 Free';
   margin-right: 5px;
    color: #720f11;
    font-weight: 900;
}

#playPauseBtn {
    width: 60px;
    border: 0;
    border-radius: 5px;
    background: var(--active-color);
    color: var(--main-color);
    margin: 0 10px 0 0;
}
.new{
    margin-left: 5px;
    font-size: 13px;
    letter-spacing: 0.5px;
    border-radius: 50%;
    background: white;
    padding: 3px 7px;
    animation: blink .6s infinite;
}
@keyframes blink {
    0% {
        color: rgb(238, 193, 12);
    }
    50% {
      color: rgb(255, 255, 255);
    }
    100% {
      color: rgb(238, 193, 12);
    }
  }
  .news-contents a:hover {
    font-weight: bold;
    color: var(--main-color);
}