/* Links */

.btn-link, .btn-link-danger, .btn-link-dark, .btn-link-green, .btn-link-dark-green, .btn-link-black, .btn-link-blue {
    font-weight: 400;
    text-decoration: none !important;
    border: none !important;
    background: none !important;
    cursor: pointer;
    padding: 0 !important;
    overflow-wrap: anywhere;
}

    .btn-link:focus {
        outline: none !important;
    }

.btn-link-danger {
    color: var(--red);
}

    .btn-link-danger:hover {
        cursor: pointer;
    }

.btn-link-dark {
    color: var(--dark);
}

    .btn-link-dark:hover {
        cursor: pointer;
    }

.btn-link-green {
    color: var(--green);
}

    .btn-link-green:hover {
        cursor: pointer;
    }

.btn-link-dark-green {
    color: var(--dark-green);
}

    .btn-link-dark-green:hover {
        cursor: pointer;
    }

.btn-link-black {
    color: black;
}

    .btn-link-black:hover {
        cursor: pointer;
    }

.btn-link-blue {
    color: var(--blue);
}

    .btn-link-blue:hover {
        cursor: pointer;
    }

/* Links */

.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
}

    .btn-default:hover, .btn-default:active, .btn-default.hover {
        background-color: #e9ecef;
        color: #2b2b2b;
    }

.link-readonly {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.btn-animated {
    text-decoration: none;
    border: 1px solid var(--green);
    position: relative;
    overflow: hidden;
}

    .btn-animated:hover {
        box-shadow: 1px 1px 15px 5px var(--dark-green-shadow);
    }

    .btn-animated:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient( 120deg, transparent, var(--green), transparent );
        transition: all 650ms;
    }

    .btn-animated:hover:before {
        left: 100%;
    }