div.header {
    position: fixed;
    z-index: 10;
    color: rgba(235,0,139,1);
    margin: 5px;
    padding: 5px;
    border: 3px solid rgba(235,0,139,1);
    border-radius:10px;
}

div.header .arrow-svg {
    transition: all 0.2s ease;
}

div.header:hover .arrow-svg {
    transform: translateX(10px);
} 

div.header {
    text-align: center;
    flex-direction: column;
}

.arrow-svg--container {
    transform: rotate(180deg);
    order :3;
}