.team-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
}

.arrow-left,
.arrow-right {
    display: flex;
    align-items: center;
    /* border: 1px dashed black; */
    width: 45px;
    padding: 5px;
    cursor: pointer;
}

.arrow-right {
    justify-content: left;
}

.arrow-left {
    justify-content: right;
}



.line-right,
.line-left {
    width: 20px;
    height: 0;
    border-top: 1px solid #333;
    margin-right: -4px;
    transition: all 0.3s ease;
}

.pointe-right,
.pointe-left {
    width: 6px;
    height: 6px;
    transform-origin: center;
}

.pointe-left {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    transform: rotate(-45deg);
}

.pointe-right {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
}

.arrow-right:hover .line-right, .arrow-left:hover .line-left {
    width: 30px;
}