.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700;
    font-size: 14px !important;
    border-radius: 50px !important;
    height: 52px !important;
    position: relative !important;
}

.btn.uppercase{
    text-transform: uppercase;
}

.btn.w-140 {
    width: 140px;
}

.btn.w-200 {
    width: 200px;
}

.btn.w-235 {
    width: 235px;
}

.btn.btn--grey {
    background: #F4F6FA;
    color: #565970;
    transition: box-shadow .25s ease-in-out;
}

.btn.btn--grey:hover {
    box-shadow: 0 0 10px #F4F6FA;
}

.btn.btn--blue {
    background: #0E59B7 !important;
    color: white !important;
    transition: box-shadow .25s ease-in-out;
}

.btn.btn--blue:hover {
    box-shadow: 0 0 10px #0E59B7;
}

.btn.btn--blue.btn--arrow .svg {
    fill: white;
    right: 10px;
    position: absolute;
}

.btn.btn--white{
    border: 1px solid #0E59B7;
    color:  #0E59B7;
    transition: box-shadow .25s ease-in-out;
}

.btn.btn--white:hover{
    box-shadow: 0 0 10px #0E59B7;
}
.btn--arrow:hover .svg {
    animation: move 0.7s linear forwards;
}

@keyframes move {
    0% {
        right: 10px;
    }
    50% {
        right: 20px;
    }

    100% {
        right: 10px;
    }
}