.arrow {
    width: 40px;
    height: 40px;   
    border-radius: 100px;
    border: 1px solid var(--blue-100);
    background: #ffffff;
    cursor: pointer;   
    color: var(--blue-200); 
}

.arrow:hover {
    border: 1px solid var(--blue-200);
    background: var(--blue-100);
}

.arrow_next svg {
    transform: rotate(180deg);
}

.arrow:disabled {    
    border: 1px solid var(--grey-100);
    color: var(--grey-200);
}

.arrow:disabled:hover {    
    background: #ffffff;    
}