.cl-better-button a {
    position: relative;
    padding: 14px 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 16px;
    border: 2px solid #1a4e60;
    background-color: transparent;
    border-radius: 34px;
    font-weight: 500;
    font-family: "museo-sans-rounded", sans-serif;
    color: #1a4e60 !important;
    min-width: 348px;
    font-size:1.3rem;
    align-items: center;
}

.cl-better-button a:hover {
    color: #fff !important;
    background-color: #1a4e60;
}

.cl-better-button a:before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: url(../../images/small-arrow-white.png) no-repeat center #1a4e60;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.cl-better-button a:hover:before {
    background: url(../../images/small-arrow-blue.png) no-repeat center #fff;
}

@media (max-width:1024px) {
    .cl-better-button {
        width:100%;
    }
    
    .cl-better-button a {
        width:100%;
    }
}