/* speak-up.css */

.response-option {
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 4px solid transparent !important;
}

.response-option:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-left-color: rgba(255, 255, 255, 0.5) !important;
}

.response-option.selected {
    background-color: rgba(0, 240, 255, 0.1) !important;
    border-color: var(--bs-info) !important;
    border-left-color: var(--bs-info) !important;
}

.speech-bubble-container {
    position: relative;
    margin-left: 20px;
}

.speech-bubble {
    position: relative;
    display: inline-block;
    max-width: 80%;
}

.speech-bubble::before {
    content: '';
    position: absolute;
    top: 15px;
    left: -10px;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent var(--bs-secondary) transparent transparent;
}