.bp-button{
    height:1.625rem;
    font-size:.75rem;
    border-radius:100px;
    text-decoration:none;
    display:flex;
    justify-content: center;
    align-items:center;
    gap: .3125rem;
    width:fit-content;
    padding: .3125rem .625rem;
    transition: all .5s;
}

.bp-button__img{
    transition: all .5s;
}

.bp-button--outline{
    background-color: #ffffff;
    border:1px solid #FF8300;
    color: #222222;
}

.bp-button--outline:hover{
    background-color: #E67600;
    color:white;
}

.bp-button--outline:hover .bp-button__img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(40deg) brightness(103%) contrast(103%)
}

.bp-button--outline .bp-button__img{
    filter: invert(49%) sepia(88%) saturate(1957%) hue-rotate(2deg) brightness(106%) contrast(104%);
}

.bp-button--block{
    width:100%;
}

.bp-button__img{
   height: .875rem;
   width: .875rem; 
}

.bp-button--light{
    border-color: #E7E7E7;
}

.bp-button--outline.bp-button--light:hover{
    background-color: #D8D8D6;
    color: #222;
}