.genericCloseButton,
.closeButton {
    /* Positioning */
    position: absolute;
    right: 5px;
    z-index: 9999;

    /* Box Model */
    height: 18px;
    width: 18px;
    border-radius: 15px;

    /* Flexbox */
    flex-shrink: 0;
    flex-grow: 0;

    /* Typography */
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    color: white;

    /* Visual Styles */
    background: var(--orange);
    box-shadow: var(--grey-boxShadow);
    opacity: 0.6;

    /* Miscellaneous */
    cursor: pointer;
}

.questionButton {
    /* Positioning */
    position: absolute;
    left: 5px;
    z-index: 9996;

    /* Box Model */
    height: 18px;
    width: 18px;
    border-radius: 15px;

    /* Flexbox */
    flex-shrink: 0;
    flex-grow: 0;

    /* Typography */
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    color: white;

    /* Visual Styles */
    background: var(--lightBlue);
    box-shadow: var(--grey-boxShadow);
    opacity: 0.6;

    /* Miscellaneous */
    cursor: pointer;
}

.questionButton_inline {
    height: 18px;
    width: 18px;
    flex-shrink: 0; /* Prevents the element from shrinking */
    flex-grow: 0; /* Prevents the element from growing */
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
    background: var(--lightBlue);
    color: white;
    box-shadow: var(--grey-boxShadow);
    text-align: center;
    line-height: 18px; /* Set line-height equal to the height for vertical centering */
    opacity: 0.6;
    display: inline-block; /* Display inline with text */
    vertical-align: middle; /* Align vertically with surrounding text */
}