/* Extend the existing green app-float-button; keep the other buttons untouched. */
.app-float-button {
    box-sizing: border-box;
    white-space: nowrap;
    transition: transform .18s ease, filter .18s ease;
}
.app-float-button:hover {
    animation-play-state: paused;
    filter: brightness(1.06);
}
.app-float-button:focus-visible {
    outline: 3px solid #f4c542;
    outline-offset: 4px;
}
.app-float-button:active {
    animation: none;
    transform: translateY(1px) scale(.98);
    filter: brightness(.97);
}
@media (prefers-reduced-motion: reduce) {
    .app-float-button { animation: none; transition: none; }
}