.cta-button {
    background-color: rgb(124, 98, 56);
    color: #ffffff;
    font-size:16px;
    display: inline-block;
    position: relative;
    padding: 15px 35px;
    border-radius: 3px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.4s ease-out;
    overflow: hidden;
}

.cta-button:hover {
    color: #ffffff;
}

.cta-button::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #ffffff;
    bottom: 10px;
    left: 10px;
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.cta-button:hover::after {
    width: calc(100% - 20px);
}