.btnm {
    color: #fff !important;
    background: #017ac9;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 6px 40px 6px 9px;
    border-radius: 4px;
    border: 1px solid #017ac9;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out;
    float: right;
    bottom: 33px;
    right: 20px;

}

.btnm.supplier-details {
    float: unset;
    bottom: 0;
    right: 0;

}

.btnm:hover {
    text-decoration: none;
    background: #fff;
    color: #017ac9 !important;
}

.btnm:focus,
.btnm:hover {
    color: #111;
    /* box-shadow: 0 0 10px #017ac9; */
}

.btnm:before {
    content: "";
    width: 42px;
    height: 39px;
    border-radius: 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

/* .btnm:focus:before,
.btnm:hover:before {
    background: #017ac9;
    width: 100%;
} */

.btnm:after {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    transition: all .3s cubic-bezier(0.86, 0, 0.07, 1);
}

.btnm:focus:after,
.btnm:hover:after {
    right: 8px;
}

@media only screen and (min-width : 1024px) and (max-width : 1199px) {
    .btnm {
        padding: 6px 40px 6px 9px;
        border-radius: 6px;
        font-size: 14px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .btnm {
        padding: 6px 40px 6px 9px;
        border-radius: 6px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .btnm {
        padding: 6px 40px 5px 10px;
        border-radius: 6px;
    }
}