.btnActionIcon {
    background: var(--background-light);
    color: var(--modulo-primary);
    border: 2px solid var(--modulo-primary);
    padding: var(--padding-xs) var(--padding-md);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-xs);
    text-decoration: none;
    width: 36px;
    height: 36px;
    min-width: 36px;

    &:hover:not(.disabled) {
        background: var(--modulo-primary);
        color: var(--brand-text-on-primary);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(39, 19, 46, 0.3);
    }

    &:active:not(.disabled) {
        transform: translateY(0);
    }

    &.primary {
        background: linear-gradient(
            135deg,
            var(--brand-secondary) 0%,
            var(--brand-secondary-dark) 100%
        );
        color: var(--brand-text-on-secondary);
        border: none;
        box-shadow: 0 2px 4px rgba(227, 64, 45, 0.2);

        &:hover:not(.disabled) {
            background: linear-gradient(135deg, var(--brand-secondary) 0%, #b82e1f 100%);
            box-shadow: 0 4px 12px rgba(227, 64, 45, 0.3);
        }
    }

    &.secondary {
        background: var(--background-light);
        color: var(--modulo-primary);
        border: 2px solid var(--modulo-primary);

        &:hover:not(.disabled) {
            background: var(--modulo-primary);
            color: var(--brand-text-on-primary);
        }
    }

    &.disabled,
    &:disabled {
        cursor: not-allowed;
        opacity: 0.6;

        &:hover {
            transform: none;
            box-shadow: none;
        }
    }
}