.sa2023__authors--container {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    align-items: flex-start;
}

.sa2023__authors__container--title {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    padding-top: 20px;
    margin-bottom: clamp(0px, 4vw, 40px);
    flex-wrap: wrap;
}

.sa2023__authors__container--title .squares__wrapper .squares__wrapper--svg1 {
    width: clamp(15px, 4vw, 21px);
    height: clamp(15px, 4vw, 21px);
    top: 3px;
}

.sa2023__authors__container--title .squares__wrapper .squares__wrapper--svg2 {
    width: clamp(15px, 4vw, 21px);
    height: clamp(15px, 4vw, 21px);
    bottom: 8px;
    left: 8px;
}

.authors-title {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) clamp(27px, 3.4vw, 40px)/clamp(28px, 3.4vw, 50px) var(--unnamed-font-family-font-system);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-171614);
    text-align: left;
}

.sa2023__category_description{
    display: block;
    flex: 1 1 300px;
}

.sa2023__authors__author {
    display: grid;
    grid-template-areas:
        "author-avatar author-description";
    gap: 7px 30px;
    align-items: flex-start;
}

.sa2023__authors__author .sa2023__author-avatar {
    position: relative;
    max-width: 223px;
    display: flex;
    align-items: flex-start;
}

.sa2023__authors__author .sa2023__author-avatar::before {
    content: "";
    width: clamp(117px, 13.3vw, 191px);
    height: clamp(117px, 13.3vw, 191px);
    background-color: #ffffff;
    position: absolute;
    left: -10px;
    top: 10px;
    z-index: 1;
    border: 1px solid var(--unnamed-color-cd4631);
    border-radius: clamp(5px, 1vw, 15px);
    transition: left .3s ease, top .3s ease;
}

.sa2023__authors__author .sa2023__author-avatar::after {
    content: "";
    width: clamp(117px, 13.3vw, 191px);
    height: clamp(117px, 13.3vw, 191px);
    background-color: #ffffff;
    position: absolute;
    left: 10px;
    top: -10px;
    z-index: 1;
    border: 1px solid var(--unnamed-color-cd4631);
    border-radius: clamp(5px, 1vw, 15px);
    transition: left .3s ease, top .3s ease;
}

.sa2023__authors__author .sa2023__author-avatar img {
    max-width: clamp(117px, 13.3vw, 191px);
    height: auto;
    position: relative;
    z-index: 2;
    border-radius: clamp(5px, 1vw, 15px);
    filter: grayscale(1);
    transition: filter .3s ease;
}

.sa2023__authors__author .sa2023__author-avatar:hover img {
    filter: grayscale(0);
}

.author__profile--left--social {
    margin-top: clamp(5px, 2.1vw, 30px);
    display: flex;
    column-gap: 20px;
}

.author__profile--left {
    grid-area: author-avatar;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 10px;
    margin-left: 10px;
}

.author__profile--left--name {
    margin: 0;
}

.author__profile--left--name a {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-font-system);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-171614);
    text-align: left;
    margin: 0;
    display: block;
    min-width: clamp(100px, 38vw, 162px);
    text-align: center;
}

.author__profile--right {
    grid-area: author-description;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 225px;
}

.author__profile--right--description {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) clamp(12px, 1.5vw, 14px) / clamp(15px, 1.5vw, 17px) var(--unnamed-font-family-font-system);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-171614);
    margin-top: -10px;
}

.author__profile--right a {
    background: var(--unnamed-color-0f7173) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 30px;
    text-align: center;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 11px/var(--unnamed-line-spacing-20) var(--unnamed-font-family-font-system);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    align-self: self-end;
}

.show__more__authors {
    width: 100%;
    margin: 45px 0 63px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.show__more__authors--button {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-0f7173);
    border-radius: 25px;
    width: 130px;
    height: 37px;

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-font-system);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-0f7173);
    text-align: center;
    transition: background .3s ease, border .3s ease, color .3s ease;
}

.show__more__authors--button:hover {
    background: var(--unnamed-color-0f7173) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-0f7173);
    color: var(--unnamed-color-ffffff);
}

.sa2023__authors--container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 70px;
}

@media screen and (min-width: 769px) {

    .sa2023__authors__container--title .squares__wrapper .squares__wrapper--svg1 {
        top: 0px;
    }

    .sa2023__authors__container--title .squares__wrapper .squares__wrapper--svg2 {
        bottom: 0px;
        left: 0px;
    }

    .sa2023__authors__author .sa2023__author-avatar::before {
        left: -15px;
        top: 15px;
    }

    .sa2023__authors__author .sa2023__author-avatar::after {
        left: 15px;
        top: -15px;
    }

    .sa2023__authors__author .sa2023__author-avatar:hover::after {
        left: 25px;
        top: -20px;
    }

    .sa2023__authors__author .sa2023__author-avatar:hover::before {
        left: -25px;
        top: 20px;
    }

    .author__profile--right a:hover {
        background: #0E6567 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 3px #0F717329;
        border-radius: 25px;
    }

    .author__profile--left--social a {
        position: relative;
    }

    .author__profile--left--name {
        position: relative;
        width: 100%;
    }

    .author__profile--left--social a:hover .author__profile--left--facebook,
    .author__profile--left--social a:hover .author__profile--left--linkedin,
    .author__profile--left--name a:hover {
        transform: translate(7px);
    }

    .author__profile--left--facebook,
    .author__profile--left--linkedin,
    .author__profile--left--name a {
        transition: transform .3s ease;
    }

    .author__profile--left--social a::before,
    .author__profile--left--name::before {
        content: "";
        opacity: 0;
        transition: opacity .8s ease;
    }

    .author__profile--left--social a:hover::before {
        opacity: 1;
        content: "";
        display: block;
        background: var(--unnamed-color-cd4631) 0% 0% no-repeat padding-box;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 2px;
        height: 23px;
    }

    .author__profile--left--name:hover::before {
        opacity: 1;
        content: "";
        display: block;
        background: var(--unnamed-color-cd4631) 0% 0% no-repeat padding-box;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 2px;
        height: 20px;
    }
}