.wb-btn {
    border-radius: 10px;
    padding: 10px 15px;
    transition: all 0.1s ease-in;

    + .wb-btn {
        margin-left: 15px;
    }
}

.elementor-button-link {

    .elementor-button-text {

    }
}

.wb-btn-primary, .elementor-button-link {
    background: var(--wb-color-blue);
    box-shadow: 0.125rem 0.125rem 0 0 var(--wb-color-blue-dark) !important;
    color: #fff;
    font-weight: 500;
    position: relative;
    left: -1px;
    top: -1px;

    &:hover {
        color: #fff;
        filter: brightness(1.1);
    }

    &:active {
        background: var(--wb-color-blue-dark);
        box-shadow: 0 0 0 0 var(--wb-color-blue-dark) !important;
        color: #fff;
    }

    &.wb-btn-light {
        box-shadow: 0.125rem 0.125rem 0 0 #fff !important;
    }

    /* & + .wb-btn-secondary {
        position: relative;
        top: 0.125rem;
    } */
}

.wb-btn-secondary {
    border: 2px solid var(--wb-color-blue-dark);
    color: var(--wb-color-blue-dark);
    font-weight: 400;
    background: transparent;

    &:hover {
        outline: none;
        text-decoration: none;
        color: var(--color-primary);
        opacity: 1;
    }
}

.wb-btn-tertiary {
    color: var(--wb-color-blue-dark);
    transition: color .1s ease-in;


    &:hover {
        color: var(--color-primary);
    }
    &:active {
        color: var(--color-heading);
    }

}