.mas-author,
.mas-avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 575px) {
.mas-author {
    display: inline-block;
}
}
.mas-author.avatar-position-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.mas-author.avatar-position-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mas-author.avatar-position-right .mas-avatar {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.mas-author.avatar-position-left .mas-avatar {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
.mas-avatar {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.mas-desc .mas-author-posts-btn {
    display: inline-block;
    color: #555;
    font-weight: 500;
}

.author-posts-btn {
    display: inline-block;
}
.mas-avatar img{
    flex-shrink: 0;
}


.author-social-icons {
    display: flex;
    gap: 8px; 
}

.author-social-icons .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #757575;
    text-decoration: none;
    transition: all 0.3s ease;
}
.author-social-icons .social-icon i{
    font-size: 24px;
}