.post-reactions { 
    display: flex; 
    gap: 10px; 
}
.reaction-btn { 
    padding: 6px 14px; 
    cursor: pointer; 
    border: 1px solid #6E6E73;
    border-radius: 4px;
    font-size: 14px;
    color: #6E6E73;
    &:hover {
          background: rgba(145, 158, 171, 0.24);
          border-color: rgba(145, 158, 171, 0.24);
    }
}
.reaction-btn.active { 
    background: rgba(145, 158, 171, 0.24);
    border-color: rgba(145, 158, 171, 0.24);
    font-weight: 500;
 }
.reaction-btn i { 
    margin-right: 5px; 
    font-size: 14px; 
    vertical-align: middle; 
}

.post-reactions img {
    width: 16px !important;
    height: 16px !important;
}

@media only screen and (max-width: 363px) {
    .reaction-btn {
        padding: 4px;
    }
}
@media only screen and (max-width: 327px) {
    .post-reactions {
        gap: 6px;
    }
     .reaction-btn {
        padding: 2px;
    }
}