/* ==================== BOTÓN CON ICON EN TÍTULO ==================== */

.action-btn-title {
    /* Alineación vertical sutil*/
    align-items: flex-start;
    transform: translateY(-12px);

    border-radius: None;
    display: inline-flex;
    background: #ffffff00;
    color: var(--color-accent-aqua-secondary);
    border: none;
    cursor: pointer;
    transition: transform 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        color 0.20s ease;

    /* Animación vertical */
    animation: icon-float 2.0s ease-in-out infinite;
}

/* Movimiento */
@keyframes icon-float {
    0% {
        transform: translateY(-12px);
    }

    50% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(-12px);
    }
}

/* Icono */
.action-btn-title i {
    font-size: 22px;
    /* line-height: 3; */
}

/* Hover */
.action-btn-title:hover {
    transform: translateY(-12px) scale(1.25);
}

.action-btn-title:active {
    transform: translateY(-12px) scale(0.96);
}