.demo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;

    padding: 18px 22px;

    max-width: 230px;

    background: #FFD84A;
    color: #18322A;

    border: 4px solid #ffffff;
    border-radius: 22px;

    text-decoration: none;

    font-family: Inter, sans-serif;
    font-size: 1.45rem;
    font-weight: 700;

    box-shadow:
        0 5px 0 #C89A13,
        0 8px 18px rgba(0,0,0,.18);

    transition: transform .2s ease,
                box-shadow .2s ease,
                background .2s ease;
}

.demo-btn:hover {
    transform: translateY(-2px);

    background: #FFE162;

    box-shadow:
        0 7px 0 #C89A13,
        0 12px 24px rgba(0,0,0,.22);
}

.demo-btn:active {
    transform: translateY(2px);

    box-shadow:
        0 2px 0 #C89A13,
        0 5px 12px rgba(0,0,0,.15);
}

.demo-btn svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}