input.button4 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: 0em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
 @media print {
    body * {
      visibility: hidden;
    }
    #printable, #printable * {
      visibility: visible;
    }
    #printable {
      position: absolute;
      left: 0;
      top: 0;
    }
}
  
  
/* кнопка лайков*/

.like-text {
    margin:15px 0;
}
.block_likes {
    margin-top:20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(243, 244, 246, 1);
    padding:15px 10px;
    border-radius:8px;
}

@media (max-width: 610px) {
    .block_likes {
        flex-direction: column;
        gap:20px;
    }
  
}


.group_widget {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 610px) {
    .group_widget {
        flex-direction: row-reverse;
    }
  
}

.text_widget {
    font-size: 14px;
    margin-left:34px;
    width:140px;
    line-height:16px;
}
.text_widget2{
     display: flex;
    justify-content: space-between;
    align-items: center; 
}

.text_widget2 span{
    width:90px;
    line-height:16px;
    margin:5px;
}
.text_widget2 img{
    width:15px;
    margin-right:20px;
}


.btn-like , .btn-login {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: 300;
    font-size: 10px;
    height: 40px;
    width: 140px;
    border: 1px solid rgba(215, 207, 207, 1);
    cursor: pointer;
    border-radius: 20px;
    background: rgba(243, 244, 246, 1);
}

.fa-heart {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #fff;
    font-size: 22px;
}

.btn-like:hover .fa-heart::before {
    content: "🤍"; 
}
.like {
    margin-left:25px;
}

.btn-like:hover .fa-heart {
    color: #fff !important; 
    font-size: 22px;
    position: absolute;
    top: 8;
    left: 10px;
    font-weight: 300;
}
.count {
    font-size: 14px;
    padding-left: 10px;
}

.btn-like:active .fa-heart, .btn-login:active .fa-heart {
    transform: scale(1.2);
}

.btn-like:hover,
.btn-login:hover {
    background: #ff0000 !important;
    color: #fff !important;
}

.containers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.containers > div {
    margin:15px;
    width:200px;
}

.btn-social {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-right:25px;
}