/* Send Button Animation Styles */

#send-btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.1s ease;
}

#send-btn:active {
    transform: scale(0.98);
}

#send-icon {
    flex-shrink: 0;
    will-change: transform;
}

#send-text {
    white-space: nowrap;
    will-change: transform, opacity;
}

#done-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    will-change: transform, opacity;
    pointer-events: none;
}

/* Ensure button maintains size during animation */
#send-btn {
    min-width: 180px;
    justify-content: center;
}