.sp-smart-pro-btn-wrapper {
    display: inline-flex;
    background: #11a10c;
    color: #fff;
    gap: 3px;
    align-items: center;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    text-decoration: none;
    cursor: pointer;

    &:hover,
    &:focus {
        color: #fff;
        outline: none;
        background: #0f910b;
    }

    span.sp-demo-tooltip {
        position: absolute;
        top: -30px;
        background: black;
        padding: 2px 10px;
        border-radius: 4px;
        font-size: 11px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out;

        &::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }
    }

    &:hover span.sp-demo-tooltip {
        opacity: 1;
        visibility: visible;
    }
}

.sp-smart-pro-btn-wrapper.sp-smart-small-size {
    font-size: 9px;
}