/* enable animating the angle */
@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.lets-try-btn a {
    color: #EEE9ED;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.lets-try-btn a:hover {
    color: #FF8D74;
}

.lets-try-btn {
    --angle: 0deg;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* key bits for the gradient border */
    border: 3px solid transparent;
    background: linear-gradient(#947962, #947962) padding-box, conic-gradient(from var(--angle), #947962 50%, #FF8D74) border-box;
    animation: border-angle-rotate 2s linear infinite;
}

@keyframes border-angle-rotate {
    to {
        --angle: 360deg;
    }
}