.ProfilesListSection{margin-top:2.25rem;margin-left:1.5rem;margin-right:1.5rem;display:flex;flex-direction:column;align-items:center;.ProfilesList {display: flex; flex-direction: column; align-items: stretch; gap: 1.5rem; .ProfilesRow {display: flex; flex-direction: row; gap: 1.5rem; .ProfileCard {display: flex; width: 18.75rem; box-sizing: border-box; padding: 2.25rem 2.5rem; flex-direction: column; align-items: center; gap: 1.125rem; border-radius: .625rem; border: .1px solid var(--border-ui); background: var(--bg-primary); .ProfileHeader {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; .ProfilePicture {width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}} .ProfileInfo {flex-grow: 1; display: flex; flex-direction: column; align-items: center; gap: .5rem; .ProfileDates {display: flex; align-items: flex-start; justify-content: center; gap: .75rem; .ProfileDate {display: flex; flex-direction: row; align-items: center; gap: .25rem; .ProfileDateImage {width: .75rem; height: .75rem;}}} .ProfileBio {display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1;}} .ProfileStats {display: flex; flex-direction: row; align-items: center; gap: 1rem; .ProfileStat {display: flex; flex-direction: column; align-items: center;}} .ProfileButtons {display: flex; flex-direction: row; align-items: center; gap: .5rem; .GButton {border-radius: 1.25rem; padding: .375rem .625rem; svg {width: .875rem; height: .875rem;}}}}}} .SeeMoreContainer {width: 100%; display: flex; justify-content: center; margin-top: 2.25rem; .GButton {flex-grow: 1; max-width: 26.75rem;}}}@media screen and (max-width: 768px){.ProfilesList{.ProfileCard {width: 100% !important; max-width: 25rem !important;}}}