@media screen and ( max-width: 425px )
.info
background-image: url(../../img/header/headerbg.jpg)
background-repeat: no-repeat
background-position: center
background-size: cover
font-family: 'Noto Sans'
padding: 45px 0
.info-container
display: flex
justify-content: space-between
align-items: center
.info__block
display: flex
flex-direction: column
color: #fff
&>i
color: #ffa500
font-size: 18px
margin: 10px 0
&>a
color: #000
font-family: 'Noto Sans'
font-weight: normal
margin-left: 8px
text-decoration: none
.mail-none
pointer-events: none
.info__btn
display: block
.info__btn-link
@include btn(15px, #fff, normal, #ffa500, 9px 35px,#ffa500, 19px)
&:hover
color: $colorOrang
background: none
transition: all .2s ease
<p class="news-block__data">24.05.2020</p>
.news-block__data {
font-size: 18px;
font-style: italic;
}
.news-block__data::after {
content: '';
display: block;
width: 50%;
height: 1px;
background-color: #00B155;
}