.learn-more-btn {
    width: 100%;
    justify-content: center;
    background: #238AB5;
    background-image: var(--Blue-Gradient, linear-gradient(92deg, #238AB5 -1.22%, #60BEE6 100.77%));
    border-color: transparent;
    padding: 12px 10px 12px 15px;
    color: #ffffff;
}

.learn-more-btn::before {
    background-color: #F7F7C7 !important;
    background-image: none !important;
}

.learn-more-btn:hover  {
    border-color: #F7F7C7;
    background-color: #F7F7C7;
}

.learn-more-btn:hover .btn-text {
    color: #000000 !important;
}

.learn-more-btn:hover  .btn-arrow-bg {
    fill: #ffffff;
}

.learn-more-btn:hover  .btn-arrow-icon {
   stroke: #238AB5; 
}