.retell-ai-container {
    /* Add styles for the container if needed */
    margin: 1em 0;
}

.retell-ai-button {
    /* Default styles are set inline via PHP, but you can add more here */
    transition: background-color 0.3s ease;
    font-weight: bold;
    color: white; /* Ensure text is visible on colored background */
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    border: none; /* Remove default border */
}

.retell-ai-button:hover {
    opacity: 0.9;
}

.retell-ai-button:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.retell-ai-status {
    margin-top: 10px;
    font-style: italic;
    color: #555;
    min-height: 1.2em; /* Prevent layout shifts when status text appears/disappears */
}