.team-navigation {
display: flex;
justify-content: center;
align-items: center;
width: 90px;
}
.arrow-left,
.arrow-right {
display: flex;
align-items: center; 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;
}