/* _content/Web/Features/Blog/Friends/FriendsPage.razor.rz.scp.css */
.friends[b-sfy98i2jsk] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.friends p[b-sfy98i2jsk] {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: var(--mud-palette-text-primary, rgba(0, 0, 0, 0.87));
    margin: 0 0 16px;
}

.friend[b-sfy98i2jsk] {
    padding: 2rem 2rem;
    background: linear-gradient(var(--mud-palette-background), var(--mud-palette-background)) padding-box, linear-gradient(45deg, #594ae2, #ff4081) border-box;
    border: 3px solid transparent;
    border-radius: 10px;
}

.article-friend[b-sfy98i2jsk] {
    display: flex;
    gap: 1rem;
}

    .article-friend img[b-sfy98i2jsk] {
        max-width: 200px;
        object-fit: cover;
        border-radius: 4px;
    }


@media (max-width: 959px) {
    .friend[b-sfy98i2jsk] {
        padding: 1rem 1rem;
    }
    .article-friend[b-sfy98i2jsk] {
        flex-direction: column;
    }
    .article-friend img[b-sfy98i2jsk] {
        max-width: 100%;
    }
}