#about_host .host-details,
#about_host .guest-details {
    display: flex;
    align-items: center;
    gap: 20px;
}

.host-link,
.guest-link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.host-link svg ,
.guest-link svg{
    width: 80px;
}

.host-link:hover svg path,
.guest-link:hover svg path {
    fill: var(--color-primary);
}

.host-box,
.guest-box  {
    border: 1px solid var(--color-border-2);
    border-radius: 6px;
    text-align: center;
    max-width: 350px;
}

.host-avatar,
.guest-avatar {
    width: 60px;
    height: 60px;
}

.host-avatar img,
.guest-avatar img {
    width: 100%;
    min-height: 100%;
    border-radius: 50%;
    object-position: center;
    object-fit: contain;
}

.host-label,
.guest-label {
    padding: 10px;
}

.host-bio,
.guest-bio {
    display: flex;
    flex-direction: column;
}