@use '../global/globalCssVariables.module.scss' as global;

.linkDescriptionPopup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 2px solid global.$medium-blue;
    background-color: global.$white;
    width: auto;
    position: absolute;

    height: auto;
    z-index: 10000;
    border-radius: 10px;
    font-size: 12px;
    gap: 5px;
    padding: 9px;

    .linkDescriptionPopup-input {
        float: left;
        color: rgb(100, 100, 100);
        border: none;
        min-width: 160px;
    }

    .linkDescriptionPopup-btn {
        float: right;
        justify-content: center;
        vertical-align: middle;

        .linkDescriptionPopup-btn-dismiss {
            cursor: pointer;
            display: inline;
            white-space: nowrap;
            padding: 5px;
            vertical-align: middle;
            background-color: global.$close-red;
            border-radius: 3px;
            color: black;
        }

        .linkDescriptionPopup-btn-add {
            cursor: pointer;
            display: inline;
            white-space: nowrap;
            padding: 5px;
            vertical-align: middle;
            background-color: global.$light-blue;
            border-radius: 3px;
            color: black;
        }
    }
}